Építsd a Feature-Rich jQuery karusszeleket a Slick segítségével

Nem sok körhinta könyvtárak versenyezhet Sima. Ez a leginkább becsomagolt jQuery plugin dinamikus körhinta építése az interneten.

Teljesen ingyenes és a jQuery tetején épült. A kódot rendkívül könnyű felállítani, bár igen néhány függőségre van szükség. De annyi funkcionalitás mellett érdemes hozzáadni az extra könyvtárakat, hogy ezt a munkát elvégezzék.

Nak nek telepítse a Slick programot, meglátogathatja a GitHub repót és letölthet egy példányt. Jön két CSS fájl: az egyik a alapbeállítás és egy másik a alapértelmezett Slick téma. Könnyen kombinálhatja ezeket a fájlokat az elsődleges CSS-stíluslapra, ha helyet szeretne megtakarítani.

Akkor szükséged van két jQuery függőség: a elsődleges jQuery könyvtár együtt jQuery Áthelyezés. A Slick a minimum jQuery 1.7+ amely nem lehet gond a modern fejlesztési környezetben.

Innen csak hozzáadjuk a Slick.js fájl, és hagyja, hogy menjen. A diavetítések nagyon kevés kóddal hozhatók létre, és itt egy a közvetlen minta a Slick weboldalról:

 
 
tartalmát
 
tartalmát
 
tartalmát
 
  

Egyszerű

konténer dinamikusan hozzáadhatja a diákokat, beleértve a képeket, a HTML-tartalmat és a beágyazott médiát, mint a videókat. A Slick mindezt a-val támogatja teljesen érzékeny kialakítás amely megőrzi a képarányokat.

A Slick több tucat nagyszerű funkcióval rendelkezik, többek között húzás funkció a mobil és a pont navigáció. Azt is beállíthatja automatikus lejátszás, Egyedi animáció, egyéni visszahívások, és még sok más.

Ez a könyvtár egy teljes vadállat forgó karusszelek létrehozása. És meg tudod csinálni mindent a jQuery néhány egyszerű vonala ami ezt még hihetetlenebbé teszi.

Nak nek az összes demó megtekintése és fogj neki, nézd meg a Slick honlapot. Megtalálható az összes forráskód és a beállítások / opciók teljes dokumentációja a GitHub repóban.