Rakenna Feature-Rich jQuery-karuselleja Slickillä

Ei monta karuselli-kirjastot voi kilpailla Liukas. Se on kaikkein hillitty jQuery-laajennus dynaamisten karusellien rakentaminen verkossa.

Se on täysin ilmainen ja rakennettu jQueryn päälle. Koodi on erittäin helppo asentaa, vaikka se onkin vaativat muutamia riippuvuuksia. Mutta niin paljon toiminnallisuutta, kannattaa lisätä ylimääräisiä kirjastoja saadaksesi tämän työn.

jotta asenna Slick, voit vierailla GitHub-repossa ja ladata kopion. Se tulee kaksi CSS-tiedostoa: yksi perusasetukset ja toinen oletus Slick-teema. Voit helposti yhdistää nämä tiedostot ensisijaiseen CSS-tyylisivuun, jos haluat säästää tilaa.

Sitten tarvitset kaksi jQuery-riippuvuutta: ensisijainen jQuery-kirjasto kera jQuery Siirry. Slick vaatii a vähintään jQuery 1.7+ joka ei saisi olla ongelma nykyaikaisessa kehityskeskuksessa.

Sieltä lisää vain Slick.js tiedosto ja anna sen mennä. Diaesityksiä voidaan luoda hyvin pienellä koodilla ja tässä on a suora näyte Slick-sivustosta:

  sisältöäsi
 sisältöäsi
 sisältöäsi

Yksinkertainen

kontti, voit lisää dioja dynaamisesti, mukaan lukien kuvat, HTML-sisältö ja upotetut mediat, kuten videot. Slick tukee sitä kaikilla a täysin reagoiva muotoilu joka pitää kuvasuhteet ennallaan.

Slickissä on kymmeniä hienoja ominaisuuksia, kuten pyyhkäise toiminnot mobiililaitteissa ja dot-navigointi. Voit myös määrittää automaattinen toisto, mukautettu animaatio, mukautetut kutsut, ja paljon muuta.

Tämä kirjasto on täydellinen peto luodaan pyöriviä karuselleja. Ja voit tehdä sen kaiken muutamia yksinkertaisia jQuery-rivejä mikä tekee siitä vieläkin uskomattoman.

jotta katso kaikki demot ja aloittaa, tutustu Slick-kotisivulle. Löydät myös kaikki lähdekoodit ja kaikki asetukset / asetukset GitHub-repossa.