Vytvárajte jQuery Carousels bohatú na funkcie s hladkým

Nie veľa kolotočové knižnice môžu súťažiť Úhľadný. Je to najviac zablokovaný plugin jQuery pre budovanie dynamických kolotočov na webe.

Je to úplne zadarmo a postavený na jQuery. Kód je veľmi jednoducho nastaviteľný, hoci to robí vyžadujú niekoľko závislostí. Ale s toľkými funkciami, stojí za to pridať ďalšie knižnice, aby to fungovalo.

na nainštalujte Slick, môžete navštíviť repo GitHub a stiahnuť kópiu. Dodáva sa dva súbory CSS: jeden pre základné nastavenie a ďalší pre predvolená téma Slick. Môžete ľahko kombinovať tieto súbory do primárneho štýlu šablón CSS, ak chcete ušetriť miesto.

Potom budete potrebovať dve závislosti jQuery: primárna knižnica jQuery spolu s jQuery Migrate. Slick vyžaduje a minimálne jQuery 1.7+ čo by nemalo byť problémom pre moderné rozvojové prostredie.

Odtiaľ sa práve pridáte Slick.js súbor a pusťte ho. Prezentácie môžu byť vytvorené s veľmi malým kódom a tu je a priama vzorka z webovej stránky Slick:

 
 
váš obsah
 
váš obsah
 
váš obsah
 
  

S jednoduchým

kontajner, môžete pridajte snímky dynamicky, vrátane obrázkov, obsahu HTML a vložených médií, ako sú videá. Slick to všetko podporuje plne reagujúci dizajn ktorý udržuje pomery strán neporušené.

Slick prichádza s desiatkami skvelých funkcií, vrátane funkciu posunutia na mobilné a bodová navigácia. Môžete tiež nastaviť autoplay, vlastná animácia, vlastné spätné volania, a oveľa viac.

Táto knižnica je kompletné zviera pre vytváranie rotujúcich kolotočov. A môžete to všetko robiť niekoľko jednoduchých riadkov jQuery čo robí to ešte neuveriteľnejšie.

na zobraziť všetky ukážky a začať, pozrite sa na domovskú stránku Slick. Môžete tiež nájsť všetok zdrojový kód a kompletnú dokumentáciu pre nastavenia / možnosti v repo obchode GitHub.