Valik reageerivaid liugureid. Valik reageerivaid liugureid Galerii css-karusselli liuguri pisipildid

Aeg ei seisa paigal ja koos sellega edeneb. See mõjutas ka Interneti avarust. Juba praegu on näha, kuidas saitide välimus muutub, eriti populaarne on responsive disain. Ja sellega seoses on tekkinud päris mitu uut. reageerivad jquery liugurid, galeriid, karussellid või sarnased pistikprogrammid.
1. Reageerivate horisontaalsete postituste liugur

Kohanduv horisontaalne karussell koos üksikasjalike paigaldusjuhistega. See on valmistatud lihtsas stiilis, kuid saate seda kujundada nii, nagu soovite.

2. Glide.js-i liugur

See liugur sobib igale saidile. See kasutab avatud lähtekoodiga Glide.js-i. Liugurite värve saab hõlpsasti muuta.

3. Kallutatud sisu slaidiseanss

Tundliku sisu liugur. Selle liuguri esiletõst on piltide 3D-efekt, aga ka erinevad välimuse animatsioonid juhuslikus järjekorras.

4. HTML5 lõuendit kasutav liugur

Väga kena ja muljetavaldav interaktiivsete osakestega liugur. Seda tehakse HTML5 lõuendi abil,

5. Liugur "Kujutiste muutmine"

Morfiefektiga liugur (Sujuv teisendus ühelt objektilt teisele). Selles näites töötab liugur hästi veebiarendaja portfelli või veebistuudio portfooliona jaoks.

6. Ringikujuline liugur

Flip-efektiga ringikujuline liugur.

7. Hägune taust

Adaptiivne liugur koos ümberlülitamise ja tausta hägustamisega.

8. Adaptiivne moe liugur

Lihtne, kerge ja tundlik veebisaidi liugur.

9. Slicebox – jQuery 3D-pildi liugur(VÄRSKENDATUD)

Sliceboxi liuguri värskendatud versioon koos paranduste ja uute funktsioonidega.

10. Tasuta animeeritud tundlik pildiruudustik

jQuery pistikprogramm paindliku pildiruudustiku loomiseks, mis vahetab võtteid erinevate animatsioonide ja ajastuste abil. See võib saidil hästi töötada tausta või dekoratiivse elemendina, kuna saame kohandada uute piltide välimust ja nende üleminekuid. Pluginat tehakse mitmes versioonis.

11. Flexslider

Universaalne tasuta pistikprogramm teie veebisaidi jaoks. Sellel pistikprogrammil on mitu liuguri ja karusselli valikut.

12. Fotoraam

Fotoraama on mitmekülgne pistikprogramm. Sellel on palju seadeid, kõik töötab kiiresti ja lihtsalt, on võimalus vaadata slaide täisekraanil. Liugurit saab kasutada nii fikseeritud suurusega kui ka reageerivalt, pisipiltidega või ilma, ringikujulise kerimisega või ilma ja palju muud.

P.S.Panen liugurit mitu korda ja arvan, et see on üks parimaid

13. Tasuta ja tundlik pisipiltidega 3D-galerii liugur.

Eksperimentaalne galerii liugur 3DPanelLayout võrgusilma ja huvitavate animatsiooniefektidega.

14. Css3 liugur

Tundlik liugur on tehtud sujuva sisuvoo ja kerge animatsiooniga css3 abil.

15. WOW liugur

Vau liugur on hämmastava visuaaliga pildiliugur.

17. Elastne

Täielikult reageeriv elastne liugur koos slaidi pisipiltidega.

18. Lõhik

See on täisekraanil reageeriv liugur, mis kasutab css3 animatsiooni. Liugur on valmistatud kahes versioonis. animatsioon on üsna ebatavaline ja ilus.

19.Adaptive fotogalerii pluss

Lihtne tasuta liuguri galerii üleslaaditud piltidega.

20. Reageeriv liugur WordPressi jaoks

Vastupidav tasuta liugur WP jaoks.

21. Parallaksi sisu liugur

Parallaksiefektiga liugur ja iga elemendi juhtimine CSS3-ga.

22. Linkimismuusikaga liugur

Liugur avatud lähtekoodiga JPlayeri abil. See liugur meenutab muusikaga esitlust.

23. Liugur koos failiga jmpress.js

Reageeriv liugur põhineb failil jmpress.js ja võimaldab seetõttu kasutada slaididel lahedaid 3D-efekte.

24. Kiire hõljumise slaidiseanss

Slaidiseanss kiire slaidivahetusega. Liuglüliti hõljutab.

25. Pildi akordion koos CSS3-ga

Piltide akordion css3 abil.

26. Puutetundlikult optimeeritud galerii pistikprogramm

See on tundlik galerii, mis on optimeeritud puutetundlike seadmete jaoks.

27.3D galerii

3D seinagalerii- loodud Safari brauseri jaoks, kus 3D-efekt on nähtav. Kui vaadata teises brauseris, on funktsionaalsus korras, kuid 3D-efekti pole näha.

28. Lehekülje liugur

Tundlik lehekülgede muutmise liugur koos jQuery kasutajaliidese liuguriga. idee on kasutada lihtsat navigeerimiskontseptsiooni. Kõiki pilte on võimalik tagasi kerida või slaidi haaval libistada.

29. Pildimontaaž jQueryga

Piltide automaatne positsioneerimine sõltuvalt ekraani laiusest. Väga kasulik asi portfellisaidi arendamisel.

30.3D galerii

Lihtne 3D ringikujuline liugur css3-s ja jQuerys.

31. 3D-efektiga täisekraanrežiim css3 ja jQuery puhul

Kauni üleminekuga täisekraani liugur.

Pildigaleriid liuguri kujul. Kui hakkasin selle kogumiku jaoks materjali ette valmistama, arvasin, et kvaliteetset materjali saab olema vaid kaks lõpmatust, kuna teema pildigaleriid sama vana kui maailm ja väga nõutud. Minu üllatusel polnud piire, kui iga äsja avatud demoga sulas meie silme ees mõni usaldusväärne leid midagi korralikku. Sellega seoses osutus valik mitte suureks, kuid minu meelest üsna huvitavate isenditega. Nende hulgas on nii adaptiivseid pildigaleriid ja nii galeriid.
Muide, eelmises teemas tegin valiku WordPressi galerii pluginaid, nii et kui teil on WordPressi sait, siis ma arvan, et see on teile väga huvitav.

1. Ühendage galerii

tasuta, tundlik foto- ja videogalerii põhineb jQuery teegil. Arenduses pandi rõhku kasutusmugavusele ja kohandamisele. Kaasas üsna suur hulk kvaliteetseid teemasid ja mis oluline, on võimalik ka ise teemasid kirjutada.

2. Pisipiltide karusselliga reageeriv pildigalerii

Responsiivne pildigalerii eelvaadete karusselli väljalülitamise funktsiooniga. Kohandub vastavalt teie ekraani suurusele, piltide laadimiseks on eellaadija.

4. Täisleheline pildigalerii koos jQueryga

Veel üks täisekraani pildigalerii... Selle omadus ja "esiletõstmine" on suurendatud täisekraanpildi liikumine sõltuvalt hiire asendist.
Ekraani allservas olev pisipildiriba kerib automaatselt, kui kasutaja liigutab hiirt.

5. Liugurgalerii jQueryga

Ideaalne galeriide albumiteks jagamiseks. Kui valite albumi, kuvatakse pisipildid pildi liugur.

6. Galleria

See on hästi kujundatud tundlik pildigalerii võimeline kuvama foto- ja videogaleriisid Flickrist, Picasast, YouTube'ist jt. Mobiilseadmete tugi ja võimalus töötada täisekraanirežiimis. Allkirjade kuvamine on võimalik. Seal on tasulised

Pildigaleriid ja liugurid on ühed populaarseimad jQuery vormingud. Tänu neile saate saidile lisada vajaliku koguse visuaalset sisu, säästes samal ajal väärtuslikku ruumi.

Galeriid ja liugurid muudavad lehe vähem hõivatuks, kuid võimaldavad siiski lisada kõik sõnumi edastamiseks vajalikud pildid. Need on eriti kasulikud veebipoodides.

Tänases artiklis oleme teie jaoks koondanud parimad jQuery pildigaleriid ja liugurid.

Nende installimiseks piisab, kui lisada valitud pluginad koos jQuery teegiga HTML-i lehe peaossa ja seadistada need vastavalt dokumentatsioonile (vaid paar koodirida).

Valige, milline neist elementidest sobib ideaalselt teie projektiga.

1. Bootstrap liugur

Bootstrap Slider on tasuta, mobiilile optimeeritud pildiliugur, millel on puute- ja pühkimiskerimine. See näeb hämmastav välja igal ekraanil ja mis tahes brauseris. Saate laadida pilte, videoid, teksti, pisipilte ja nuppe liuguritesse.

2. Toote eelvaate liugur

Toote eelvaate liugur kehastab jQuery kogu potentsiaali ja integreerub suurepäraselt igasse liidesesse. Samuti olete rahul selle pistikprogrammi koodi kvaliteedi ja puhtusega.

3. Laiendatav pildigalerii

Laiendatav pildigalerii on suurepärane pistikprogramm, mis muutub täisekraanigaleriiks vaid ühe klõpsuga. Seda saab kasutada jaotises "Meist" või tooteteabe vaatamiseks.

4. Fotoraama

Fotorama on jQuery tundlik galerii pistikprogramm, mis töötab nii lauaarvutite kui ka mobiilibrauserite jaoks. See pakub palju navigeerimisvalikuid: pisipildid, kerimine, edasi- ja tagasinupud, automaatsed slaidiseansid ja markerid.

5. Kaasahaarav liugur

Immersive Slider võimaldab teil luua ainulaadse slaidiseansi kogemuse, mis sarnaneb Google TV liuguriga. Põhifotol fookuse säilitamiseks saate muuta taustapildi häguseks.

6. Leastjs

Leastjs on tundlik jQuery pistikprogramm, mis aitab teil luua suurepärase galerii. Kui hõljutate kursorit pildi kohal, kuvatakse tekst, vajutamisel laieneb aken täisekraanile.

7. Liugpaneelide mall

See pistikprogramm sobib suurepäraselt portfelli jaoks. See loob horisontaalselt (väikestel ekraanidel vertikaalselt) paigutatud kujutiste plokid, mille külge valitud sisu ankurdatakse.

8. Squeezeboxi portfellihall

Squeezebox Portfolio Template pakub portfellidele liikumisefekte. Kui hõljutate kursorit põhipildi (või ploki) kohal, kuvatakse ankurdatud elemendid.

9. Kujutiste segamine

Shuffle Images on suurepärane tundlik pistikprogramm, mis võimaldab teil luua galeriid piltidega, mis hõljutamisel muutuvad.

10. Tasuta jQuery valguskasti pistikprogramm

Tasuta jQuery Lightbox Plugin aitab teil kuvada ühel lehel ühte või mitut pilti. Neid saab ka suurendada ja taastada algsuuruses.

11. PgwSlider – jQuery jaoks reageeriv liugur

PgwSlider on minimalistlik pildiliugur. JQuery kood on kerge, nii et selle pistikprogrammi laadimiskiirus üllatab teid meeldivalt.

12. Hajutatud polaroidide galerii

Scattered Polaroids Gallery on vapustav lameda disainiga liugur. Selle elemendid liiguvad piltide vahetamisel korrapäratult, mis näeb välja hämmastav.

13. Kopsakas sisufilter

Bouncy sisufilter on ideaalne lahendus portfelli jaoks. See pistikprogramm võimaldab kasutajatel kiiresti ühest kategooriast teise hüpata.

14. Lihtne jQuery liugur

Lihtne jQuery Slider vastab oma nimele. See pistikprogramm ühendab JavaScripti, HTML5 ja CSS3 elemente. Demos on vaikimisi saadaval ainult teksti laadimine, kuid kui teete mõned muudatused, saate lisada ka visuaalset sisu.

15. Glide JS

Glide JS on lihtne, kiire ja tundlik jQuery liugur. Seda on lihtne seadistada ja see ei võta palju ruumi.

16. Täisekraanil parallaksiga lohistamine-liugur

See fantastiline jQuery liugur, millel on võimalus laadida pilte ja teksti, töötab igal veebisaidil. See rõõmustab kasutajaid kerge parallaksiefekti ja aeglase teksti välimusega.

Üritate kasutajatele näidata nii palju kui võimalik, kuid soovite edastada sõnumi organiseeritult ja puhtalt. Seetõttu oleme loonud teie jaoks kasutusvalmis jQuery liuguri, millel on mõned sisseehitatud valikud, nagu video/pildi taust ja erinevad teksti joondused. Püüdes suurendada kasutajakogemust, oleme "navigatsiooninooled" asendanud nuppudega. Erinevus on järgmine: nuppudel on pealkiri, vihje selle kohta, millist sisu oodata. Nooled ütlevad kasutajatele lihtsalt, et "saate slaidi vahetada".

Struktuuri loomine

HTML on struktureeritud kaheks põhielemendiks: järjestamata loend ul.cd-hero-slider, mis sisaldab slaide, ja div.cd-slider-nav, mis sisaldab liuguriga navigeerimist ja markerit span.cd (kasutatakse valitud üksuse markeri loomiseks navigatsioonis).












Stiili lisamine

Liuguri struktuur on üsna lihtne: kõik slaidid tõlgitakse paremale, väljaspool translateX-i vaateava (100%); Valitud klass lisatakse nähtavale slaidile, et liigutada see tagasi translateX (0) vaateporti, ja klassi .move-left kasutatakse slaidi tõlkimiseks vasakule translateX (-100%).

Sujuva animatsiooni saavutamiseks kasutasime elemendile .selected ja .is-moving rakendatud CSS3 üleminekuid: uue slaidi valimisel määratakse .is-moving klass väljaspool vaateava liikuvale slaidile, valitud klass aga määratud. valitud slaidile.

Cd-hero-liugur li (asend: absoluutne; ülemine: 0; vasakul: 0; laius: 100%; kõrgus: 100%; teisendus: translateX (100%);). Cd-hero-liugur li.selected (/ * see on nähtav slaid * / asukoht: suhteline; teisendus: translateX (0);) .cd-hero-slider li.move-left (/ * vasakul peidetud slaid * / teisendus: translateX (-100%);) .cd-hero-slider li.is-moving, .cd-hero-slider li.selected (/ * is-moving klass määratakse slaidile, mis liigub vaateavast väljapoole * / üleminek: teisendus 0,5 s;)

Teave ühe slaidi animatsiooni kohta: suurtes seadmetes (vaateava laius üle 768 piksli) otsustasime animeerida sissepääsuefekti, animeerides üksikuid poollaiusega ja .cd täislaiusega slaidielemente, muutes nende läbipaistmatust ja teisendusomadusi.

Klassi .from-left ja .from-right kasutatakse selleks, et määrata, kas valitud slaid siseneb vaateavasse vasakult või paremalt, et käivitada teine ​​animatsioon vastavalt sisestussuunale. Selle efekti korrektseks toimimiseks kasutasime iga animeeritud elemendi jaoks erinevat animatsiooni viivituse väärtust.

Näiteks .cd-half-width elementide jaoks:

Ainult @meedia ekraan ja (min-laius: 768 pikslit) (
.cd-hero-slider .cd-half-width (
läbipaistmatus: 0;
teisendus: translateX (40px);
}
.cd-hero-slider .move-left .cd-half-width (
teisendus: translateX (-40px);
}
.cd-hero-slider .selected .cd-half-width (
/ * see on nähtav slaid * /
läbipaistmatus: 1;
teisendus: translateX (0);
}
.cd-hero-slider .on-moving .cd-half-width (
/ * see on slaid, mis liigub väljaspool vaateava
oodake ülemineku lõppu

  • vanem enne määrake läbipaistmatuse väärtuseks 0 ja tõlgige 40 pikslit / -40 pikslit * /
    üleminek: läbipaistmatus 0s 0,5s, teisendus 0s 0,5s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width: nth-of-type (2),
    .cd-hero-slider li.selected.from-right .cd-half-width: esimene tüübist (
    üleminek: läbipaistmatus 0,4s 0,2s, teisendus 0,5s 0,2s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width: esimene,
    .cd-hero-slider li.selected.from-right .cd-half-width: nth-of-type (2) (
    / * see on valitud slaid - erinev animatsioon, kui see "siseneb vasakult või paremalt * /
    üleminek: läbipaistmatus 0,4s 0,4s, teisendus 0,5s 0,4s;
    }
    }

    Ürituste käsitlemine

    Ühe slaidi taustana kasutatud videot ei sisestata otse HTML-i, vaid laaditakse ainult siis, kui seade on laiem kui 768 pikslit; Seega videot mobiilseadmetesse alla ei laadita. Valitud slaidi videoandmeid kasutatakse video eraldamiseks. Sama saate teha ka elementide puhul .cd-img konteineris (mis on mobiilis peidetud).

    Lisaks kasutasime slaidiseansi funktsionaalsuse juurutamiseks jQueryt: kui kasutaja klõpsab mõnda vahekaardi .cd-slider-nav loendi üksust, tuvastame valitud üksuse asukoha (kasutades funktsiooni indeksi ()) ja värskendame liugurit ( Kasutades klahvi nextSlide () või prevSlide () vastavalt sellele positsioonile) ja span.cd-markeri asukohta.

    $ (". cd-slider-nav li"). on ("klõps", funktsioon (sündmus) (event.preventDefault (); var selectedItem = $ (this); if (! selectedItem.hasClass ("valitud")) (// kui see "pole juba valitud var selectedPosition = selectedItem.index (), activePosition = $ (". cd-hero-slider .selected "). indeks (); if (activePosition

    Märge!

    Kui soovite liugurit automaatselt animeerida, lisage elemendile ul.cd-hero-slider klass .autoplay.

    1. Suurepärane jQuery slaidiseanss

    Suur tõhus slaidiseanss, mis kasutab jQuery tehnoloogiaid.

    2. jQuery pistikprogramm "Skaalakarussell"

    Skaleeritav slaidiseanss jQuery abil. Saate määrata slaidiseansi mõõtmed, mis teile kõige paremini sobivad.

    3. jQuery pistikprogramm "slideJS"

    Pildi liugur koos tekstikirjeldusega.

    4. Plugin "JSliderNews"

    5. CSS3 jQuery liugur

    Kui hõljutate kursorit navigeerimisnoolte kohal, kuvatakse järgmise slaidi ringikujuline pisipilt.

    6. Kena jQuery esitlustsükli liugur

    jQuery liugur koos pildi laadimise indikaatoriga. Toimub automaatne slaidide vahetus.

    7. jQuery pistikprogramm "Parallax Slider"

    3D-taustaefektiga liugur. Selle liuguri esiletõst on taustal liikumine, mis koosneb mitmest kihist, millest igaüks kerib erineva kiirusega. Tulemuseks on mahulise efekti imitatsioon. See näeb väga kena välja, näete ise. Efekt kuvatakse sujuvamalt sellistes brauserites nagu: Opera, Google Chrome, IE.

    8. Värske ja kerge jQuery liugur "bxSlider 3.0"

    Demolehel jaotisest "näited" leiate lingid selle pistikprogrammi kõigi võimalike kasutusjuhtude kohta.

    9.jQuery pildiliugur, "slideJS" pistikprogramm

    Stiilne jQuery liugur suudab kindlasti teie projekti kaunistada.

    10. jQuery pistikprogrammi slaidiseanss "Easy Slides" v1.1

    Lihtne kasutada jQuery pistikprogrammi slaidiseansside loomiseks.

    11. Plugin "jQuery Slidy"

    Erineva kujundusega kerge jQuery pistikprogramm. Toimub automaatne slaidide vahetus.

    12.jQuery CSS-galerii automaatse slaidivahetajaga

    Kui külastaja teatud aja jooksul "Edasi" või "Tagasi" nooltele ei vajuta, hakkab galerii automaatselt kerima.

    13. jQuery Nivo liugur

    Väga professionaalse kvaliteediga kerge plugin koos kehtiva koodiga. Slaidi üleminekuefekte on palju.

    14. jQuery liugur "MobilySlider".

    Värske liugur. jQuery liugur erinevate pilti muutvate efektidega.

    15. jQuery Slider² pistikprogramm

    Kerge liugur automaatse liugu vahetamisega.

    16. Värske javascripti liugur

    Automaatse pildivahetusega liugur.

    Plugin automaatse slaidivahetusega slaidiseansi rakendamiseks. Ekraani on võimalik juhtida pisipiltide abil.

    jQuery CSS-pildi liugur, kasutades NivoSlideri pistikprogrammi.

    19. jQuery jShowOff liugur

    Plugin sisu pööramiseks. Kolm kasutusjuhtu: navigeerimine puudub (slaidiseansi vormingu automaatse muutmisega), nuppude kujul navigeerimine, pisipiltide kujul navigeerimine.

    20. Plugin "Shutter Effect Portfolio"

    Värske jQuery pistikprogramm fotograafiaportfellide jaoks. Galeriil on huvitav piltide muutmise efekt. Fotod teevad kordamööda objektiivi katiku efektiga.

    21. Kerge javascripti CSS-liugur "TinySlider 2"

    Pildi liuguri rakendamine JavaScripti ja CSS-i abil.

    22. Äge liugur "Tinycircleslider"

    Stiilne ümar liugur. Piltide vahel üleminek toimub punase ringi kujul piki liuguri ümbermõõtu lohistades. Sobib ideaalselt teie saidile, kui kasutate kujunduses ümaraid elemente.

    23. jQuery pildiliugur

    Kerge liuguri komplekt. Liugurit on esitatud erinevates versioonides: vertikaalne ja horisontaalne. Rakendatakse ka erinevat tüüpi navigeerimist piltide vahel: nuppude "Edasi" ja "Tagasi" abil, hiire rattaga, hiireklõpsuga slaidil.

    24. Miniatuuridega galerii "Slider Kit"

    Galerii "Slider Kit". Pisipiltide kerimine toimub nii vertikaalselt kui ka horisontaalselt. Piltide vahel üleminek toimub kasutades: hiire ratast, hiireklõpsu või pisipildi kohal hõljutamist.

    25. jQuery liuguri komplekti sisu liugur

    JQuery vertikaalne ja horisontaalne sisu liugur.

    26. jQuery Slider Kit Slideshow

    Slaidiseanss automaatse slaidivahetusega.

    27. Kerge professionaalne javascripti CSS3 liugur

    2011. aastal loodud korralik jQuery ja CSS3 liugur.

    jQuery pisipiltide slaidiseanss.

    29. Lihtne jQuery slaidiseanss

    Slaidiesitus navigeerimisnuppudega.

    30. Suurepärane jQuery "Skitter" slaidiseanss

    jQuery pistikprogramm "Skitter" vapustavate slaidiesitluste loomiseks. Plugin toetab piltide muutmisel 22 (!) tüüpi erinevat animatsiooniefekti. Saab töötada kahe slaidi navigeerimise valikuga: slaidide numbrid ja pisipildid. Vaadake kindlasti demo, väga kvaliteetne leid. Kasutatavad tehnoloogiad: CSS, HTML, jQuery, PHP.

    31. Slaidiseanss "Ebamugav"

    Funktsionaalne slaidiseanss. Slaidid võivad olla: lihtsad pildid, pildid koos pealdistega, pildid koos tööriistavihjetega, videoklipid. Saate navigeerida noolte, slaidinumbrite linkide ja klaviatuuri vasak-/paremklahvide abil. Slaidiesitlus on tehtud mitmes versioonis: miniatuuridega ja ilma. Kõigi valikute nägemiseks järgige linke Demo # 1 - Demo # 6, mis asuvad demolehe ülaosas.

    Pildi liuguri väga originaalne disain, mis meenutab ventilaatorit. Animeeritud slaidivahetus. Piltide vahel navigeerimine toimub noolte abil. Samuti on olemas automaatne ümberlülitus, mida saab sisse ja välja lülitada ülaosas asuva Play / Pause nupu abil.

    Animeeritud jQuery liugur. Taustapildid skaleeritakse automaatselt, kui brauseriakna suurust muudetakse. Iga pildi jaoks ilmub kirjeldusega plokk.

    34. jQuery ja CSS3 liugur "Flux Slider".

    Uus jQuery liugur. Slaidide vahetamisel mitu lahedat animeeritud efekti.

    35. jQuery jSwitchi pistikprogramm

    Animeeritud jQuery galerii.

    Lihtne slaidiseanss jQuerys koos automaatse slaidivahetusega.

    37. Pistikprogrammi "SlideDeck 1.2.2" uus versioon

    Professionaalne sisu liugur. Saadaval on automaatse slaidivahetusega valikud, aga ka võimalus kasutada slaidide vahel liikumiseks hiire ratast.

    38. jQuery Sudo liugur

    Kerge pildiliugur jQuerys. Teostusvõimalusi on palju: horisontaalne ja vertikaalne pildivahetus, viidetega slaidinumbrile ja ilma, pildiallkirjadega ja ilma, erinevad pildi muutmise efektid. Seal on automaatne slaidivahetusfunktsioon. Kõigi rakendusnäidete lingid leiate demo lehelt.

    39. jQuery CSS3 slaidiseanss

    Pisipiltide slaidiseanss toetab automaatset slaidivahetusrežiimi.

    40. jQuery Flux Slider

    Paljude efektidega liugur piltide muutmiseks.

    41. Lihtne jQuery liugur

    Stiilne jQuery pildiliugur.