Build Feature-Rich jQuery Carousels s Slick

Ne mnoho kolotočové knihovny může soutěžit Úhledný. Je to nejvhodnější plugin pro jQuery budování dynamických karuselů na webu.

Je to zcela zdarma a postaven na vrcholu jQuery. Kód je velmi snadné nastavit, i když to dělá vyžadují několik závislostí. Ale s tolika funkcemi, stojí za to přidat další knihovny, aby si tuto práci.

Na nainstalovat Slick, můžete navštívit repo GitHub a stáhnout kopii. Přichází dva soubory CSS: jeden pro základní nastavení a další pro výchozí téma Slick. Pokud chcete ušetřit místo, můžete tyto soubory snadno zkombinovat do primárního CSS stylu.

Pak potřebujete dvou závislostí jQuery: primární knihovna jQuery spolu s jQuery Migrace. Slick vyžaduje a minimum jQuery 1.7+ které by neměly být problémem pro moderní vývojové prostředí.

Odtud stačí přidat Slick.js soubor a nechte ho jít. Prezentace lze vytvořit s velmi malým kódem a zde je přímý vzorek z webu Slick:

 
 
obsahu
 
obsahu
 
obsahu
 
  

S jednoduchým

kontejner, můžete dynamicky přidávat snímky, včetně obrázků, obsahu HTML a vložených médií, jako jsou videa. Slick to vše podporuje plně citlivý design , které udržuje poměr stran neporušený.

Slick přichází s desítkami skvělých funkcí, včetně funkce na mobil a navigace tečkami. Můžete také nastavit automatické přehrávání, vlastní animace, vlastní zpětná volání, a ještě mnohem víc.

Tato knihovna je kompletní zvíře vytváření rotujících karuselů. A můžete to všechno udělat několik jednoduchých řádků jQuery což je ještě více neuvěřitelné.

Na zobrazit všechna dema a začít, podívejte se na domovskou stránku Slick. Můžete také najít všechny zdrojové kódy a kompletní dokumentace nastavení / možností v repo GitHub.