Html – Posúvač obrázka na pozadí pomocou hladkého posúvača – Stack Overflow v ruštine. Výber adaptívnych posúvačov fotoaparátu – bezplatný posúvač JQuery

Domov / Brzdy

Čas sa nezastaví a s ním aj pokrok. To ovplyvnilo aj internet. Už teraz vidíte, ako sa mení vzhľad webových stránok, obzvlášť populárny je adaptívny dizajn. A v tomto smere sa objavilo celkom dosť noviniek adaptívne posúvače jquery, galérie, kolotoče alebo podobné pluginy.
1. Citlivý posúvač horizontálnych stĺpikov

Adaptívny horizontálny kolotoč s podrobné pokyny pri inštalácii. Je vyrobený v jednoduchom štýle, ale môžete si ho upraviť podľa seba.

2. Prejdite na Glide.js

Tento posuvník je vhodný pre akúkoľvek webovú stránku. Používa open source Glide.js. Farby posúvača sa dajú ľahko zmeniť.

3. Naklonená prezentácia obsahu

Responzívny posúvač obsahu. Vrcholom tohto posúvača je 3D efekt obrázkov, ako aj rôzne animácie náhodného vzhľadu.

4. Posúvajte sa pomocou plátna HTML5

Veľmi krásny a pôsobivý posúvač s interaktívnymi časticami. Bol vytvorený pomocou plátna HTML5,

5. Posuvník Morphing Image

Posuvník s efektom morfovania (plynulá transformácia z jedného objektu na druhý). V tomto príklade sa posuvník dobre hodí pre portfólio webového vývojára alebo webového štúdia vo forme portfólia.

6. Kruhový posúvač

Posuvník vo forme kruhu s efektom prevrátenia obrázka.

7. Posuvník s rozmazaným pozadím

Adaptívny posúvač s prepínaním a rozostrením pozadia.

8. Responzívny módny posuvník

Jednoduché, ľahké a adaptívny posúvač pre danú lokalitu.

9. Slicebox – posúvač 3D obrázkov jQuery(AKTUALIZOVANÉ)

Aktualizovaná verzia posúvača Slicebox s opravami a novými funkciami.

10. Bezplatná animovaná mriežka citlivých obrázkov

Doplnok JQuery na vytvorenie flexibilnej mriežky obrázkov, ktorá bude prepínať zábery pomocou rôznych animácií a časovania. Môže to vyzerať dobre ako pozadie alebo dekoratívny prvok na webovej stránke, pretože môžeme selektívne zobrazovať nové obrázky a ich prechody. Plugin prichádza v niekoľkých verziách.

11.Posuvník Flex

Univerzálny bezplatný doplnok pre váš web. Tento doplnok sa dodáva v niekoľkých možnostiach posúvača a karuselu.

12. Fotorámik

Fotoráma je univerzálny plugin. Má veľa nastavení, všetko funguje rýchlo a jednoducho a snímky si môžete prezerať na celej obrazovke. Posúvač možno použiť v pevnej veľkosti aj prispôsobivý, s miniatúrami alebo bez nich, s kruhovým posúvaním alebo bez neho a oveľa viac.

P.S.Posuvník som nainštaloval niekoľkokrát a myslím si, že je jeden z najlepších

13. Bezplatná a prispôsobivá galéria 3D posuvníkov s miniatúrami.

Posúvač experimentálnej galérie 3DPanelLayout s mriežkou a zaujímavými animačnými efektmi.

14. Posuvník na css3

Adaptívny posúvač je vyrobený pomocou css3 s plynulým vzhľadom obsahu a svetelnou animáciou.

15. Posuvník WOW

Posuvník WOW je posúvač obrázkov s úžasnými vizuálnymi efektmi.

17. Elastické

Elastický posúvač s plnou odozvou a miniatúrami snímok.

18. Štrbina

Toto je posuvník reagujúci na celú obrazovku pomocou animácie css3. Posuvník sa vyrába v dvoch verziách. Animácia je urobená dosť nezvyčajne a krásne.

19. Adaptívna fotogaléria plus

Jednoduchý bezplatný posúvač galérie s načítaním obrázkov.

20. Responzívny posúvač pre WordPress

Adaptívny voľný posúvač pre WP.

21. Posuvník obsahu paralaxy

Posuvník s efektom paralaxy a ovládaním každého prvku pomocou pomocou CSS 3.

22. Posuvník s odkazom na hudbu

Posuvník pomocou otvoreného zdrojového kódu JPlayer. Tento posuvník pripomína prezentáciu s hudbou.

23. Posuvník s jmpress.js

Responzívny posuvník je založený na jmpress.js, a preto vám umožní pridať na vaše snímky zaujímavé 3D efekty.

24. Rýchla prezentácia s prechodom

Prezentácia s rýchlym prepínaním snímok. Snímky sa prepínajú pri umiestnení kurzora myši.

25. Obrazový akordeón s CSS3

Obrazový akordeón pomocou css3.

26. Dotknite sa Doplnku Optimalizovaná galéria

Ide o responzívnu galériu, ktorá je optimalizovaná pre dotykové zariadenia.

27. Galéria 3D

3D nástenná galéria- vytvorený pre Prehliadač Safari, kde bude viditeľný 3D efekt. Ak sa na to pozriete v inom prehliadači, funkčnosť bude v poriadku, ale 3D efekt nebude viditeľný.

28. Posuvník so stránkovaním

Responzívny posúvač so stránkovaním pomocou posúvača používateľského rozhrania JQuery. Cieľom je použiť jednoduchý koncept navigácie. Je možné pretáčať všetky obrázky alebo prepínať snímku po snímke.

29. Montáž obrázkov pomocou jQuery

Automaticky usporiadať obrázky v závislosti od šírky obrazovky. Veľmi užitočná vec pri vývoji portfóliovej webovej stránky.

30. Galéria 3D

Jednoduchý 3D kruhový posúvač využívajúci css3 a jQuery.

31. Režim celej obrazovky s 3D efektom pomocou css3 a jQuery

Posuvník s možnosťou zobrazenia obrázkov na celej obrazovke s krásnym prechodom.

Tento posuvník sa ľahko inštaluje a ak na to prídete, môžete ho jednoducho nakonfigurovať a dosiahnuť požadovaný výsledok. Aby tento posúvač fungoval, potrebujete len niekoľko prvkov, ktoré teraz zvážime v poradí.

HTML značky

Všetko je tu veľmi jednoduché, stačí pridať zoznam UL na samom začiatku hneď za značku telo.

V zozname sú len tri riadky li, to znamená, že posuvník je určený pre 3 obrázky, ak potrebujete viac, potom je prvým krokom pridanie požadovaného počtu riadkov. Poďme ďalej.

CSS štýly

Toto je pravdepodobne najdôležitejšia časť práce, pretože to, ako bude náš posuvník fungovať, závisí od CSS. Otvorte súbor štýlu vašej lokality a pridajte doň nasledujúci kód.

Body_slides( list-style:none; margin:0; padding:0; z-index:-2; background:#000;) .body_slides, .body_slides:after( position: fixed; width:100%; height:100% ; hore:0px vľavo:0px;) .body_slides:after ( content: ""; pozadie: transparentná url(obrázky/vzor.png) opakovať vľavo hore;).body_slides li( šírka:100%; výška:100%; position:absolute left:0;-webkit-animation: 18s linear infinite 0s; linear infinite 0s; 1.jpg) ) .body_slides li:nth-child(2)( -webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s; background-image: url(images/2. jpg) ) . body_slides li:nth-child(3)( -webkit-animation-delay: 12.0s; -moz-animation-delay: 12.0s; background-image: url(images/3.jpg) ) @-webkit -keyframes anim_slides ( 0% (nepriehľadnosť:0;) 6% (nepriehľadnosť:1;) 24% (nepriehľadnosť:1;) 30% (nepriehľadnosť:0;) 100% (nepriehľadnosť:0;) ) @-moz-keyframes anim_slides ( 0 % (nepriehľadnosť:0;) 6 % (nepriehľadnosť:1;) 24 % (nepriehľadnosť:1;) 30 % (nepriehľadnosť:0;) 100 % (nepriehľadnosť:0;) )

Ak rozumiete CSS, potom pre vás nebude ťažké pochopiť, čo je za čo zodpovedné. Poviem vám minimum, pretože nemá zmysel učiť CSS.

Náš zoznam so snímkami má triedu body_slides. To je dané štýly pre vzhľad a všeobecné nastavenia.

Ďalej máme pseudo prvok - :po, ktorý definuje ďalšiu vrstvu a vzor vo forme bodiek sa prekrýva na pozadí. To sa vykonáva pomocou obrázka, ku ktorému je zadaná cesta images/pattern.png. Ak máte inú cestu, uveďte ju správne.

.body_slides li:nth-child(1)- toto je prvá snímka v poradí a má obrázok na pozadí. Nasleduje n-té dieťa(2), ktoré okrem obrázka dostane ďalší čas a rovná sa 6 sekundám. To znamená, že sa objaví 6 sekúnd po prvej snímke. Ďalej je n-té dieťa(3), objaví sa o ďalších šesť sekúnd, takže má čas 12 sekúnd. Ak potrebujete pridať 4. snímku, potom pridajte n-té dieťa (4) a už by mal mať čas 18 sekúnd. Myslím, že toto je jasné.

Ďalej musíte zadať celý čas animácie, teraz je nastavený body_slides a rovná sa 18 sekundám. Ak pridáte 4 snímky, bude to rovných 24 atď. Ak ste dobrí v matematike, mali by ste to zvládnuť, hlavné je nerobiť chyby, pretože posuvník vôbec nebude fungovať. V prípade potreby môžete zrýchliť alebo spomaliť nastavením požadovaného času.

kľúčové snímky anim_slides- toto je vzhľad a zmiznutie sklíčka. Na začiatku je sklíčko priehľadné a má podmienku - nepriehľadnosť:0;. Keď príde na rad ktorýkoľvek z diapozitívov, najprv sa objaví a potom začne byť opäť priehľadný a úplne zmizne a na jeho mieste sa objaví nový. Ak chcete zmeniť rýchlosť objavenia sa alebo zmiznutia, zmeňte percento - ide o percento z celkového času.

Ostatné nastavenia sú podľa želania a potreby - všeobecné pozadie, teraz čierne, cesta k obrázkom, umiestnenie, úroveň vrstvy atď. Výhodou tohto posúvača je, že je jednoduchý a nepoužíva skripty a celé knižnice, ak by bol vytvorený pomocou - jQuery. Naozaj dúfam, že ak chcete zmeniť obrázky na pozadí, tento posúvač CSS vám pomôže.

To je všetko, ďakujem za pozornosť. 🙂

Ak potrebujete na svoju stránku pridať kvalitný posúvač obrázkov jQuery, tak v tomto článku nájdete popis potrebných pluginov. Aj keď JQuery značne uľahčil prácu s JavaScriptom, stále potrebujeme doplnky na urýchlenie procesu tvorby webu.

Môžeme vykonať zmeny v niektorých z týchto doplnkov a vytvoriť nové posuvníky, ktoré sú oveľa vhodnejšie pre účely našej stránky.

Pre ostatné posúvače jednoducho pridáte názvy, obrázky a vyberiete efekty prechodu snímok, ktoré sa dodávajú s posúvačom. Všetky tieto pluginy sú dodávané s podrobnou dokumentáciou, takže pridávanie nových efektov alebo funkcií k nim nie je ťažké. Ak ste skúsený programátor JQuery, môžete dokonca zmeniť spúšťače založené na udalostiach.

Najnovšie trendy ako responzívny dizajn sú pre webové projekty veľmi dôležité, či už implementujete plugin alebo skript. Všetky tieto prvky robia každý z týchto doplnkov veľmi flexibilným. Všetko, čo vyšlo v roku 2014, je zahrnuté v tomto zozname.

Posuvníky obrázkov jQuery

Responzívny jazdec Jssor

Nedávno som narazil na tento výkonný posúvač JQuery a mohol som z prvej ruky vidieť, že svoju prácu robí veľmi dobre. Obsahuje neobmedzené možnosti, ktoré možno rozšíriť prostredníctvom otvoreného zdrojového kódu posúvača:

  • Adaptívny dizajn;
  • Viac ako 15 možností prispôsobenia;
  • Viac ako 15 efektov na zmenu obrazu;
  • Galéria obrázkov, kolotoč, podpora veľkosti celej obrazovky;
  • Vertikálny rotátor bannerov, zoznam snímok;
  • Podpora videa.

Demo | Stiahnuť

PgwSlider - responzívny posúvač založený na JQuery / Zepto

Jedinou úlohou tohto pluginu je zobrazovať snímky obrázkov. Je veľmi kompaktný, pretože súbory JQuery majú veľkosť iba 2,5 KB, čo umožňuje jeho načítanie naozaj rýchlo:

  • Adaptívne rozloženie;
  • SEO optimalizácia;
  • Podpora pre rôzne prehliadače;
  • Jednoduché prechody obrázkov;
  • Veľkosť archívu je len 2,5 kB.

Demo | Stiahnuť

Vertikálny posúvač správ Jquery

Flexibilný a užitočný posúvač JQuery určený pre spravodajské zdroje so zoznamom publikácií na ľavej strane a obrázkom zobrazeným napravo:

  • Adaptívny dizajn;
  • Vertikálny stĺpec na prepínanie správ;
  • Rozšírené hlavičky.

Demo | Stiahnuť

Wallop Slider

Tento posuvník neobsahuje jQuery, ale rád by som ho predstavil, pretože je veľmi kompaktný a môže výrazne skrátiť čas načítania stránky. Dajte mi vedieť, či sa vám páči:

  • Adaptívne rozloženie;
  • Jednoduchý dizajn;
  • Rôzne možnosti výmeny snímok;
  • Minimálny kód JavaScript;
  • Veľkosť je len 3KB.

Demo | Stiahnuť

Galéria Polaroid v plochom štýle

Galéria v štýle rozsypaných dokumentov na stole s flexibilným usporiadaním a krásnym dizajnom by mala zaujímať mnohých z vás. Vhodnejšie pre tablety a veľké displeje:

  • Adaptívny posúvač;
  • Plochý dizajn;
  • Náhodná zmena snímky;
  • Úplný prístup k zdrojovému kódu.

Demo | Stiahnuť

A-Slider

Demo | Stiahnuť

HiSlider – posúvač obrázkov HTML5, jQuery a WordPress

HiSlider predstavil nový bezplatný posuvný doplnok jQuery, pomocou ktorého môžete vytvárať rôzne galérie obrázkov s fantastickými prechodmi:

  • Adaptívny posúvač;
  • Nevyžaduje znalosti programovania;
  • Niekoľko úžasných šablón a vzhľadov;
  • Krásne prechodové efekty;
  • Podpora pre rôzne platformy;
  • Kompatibilné s WordPress, Joomla, Drupal;
  • Schopnosť zobraziť obsah rôzne typy: obrázky, YouTube video a videá Vimeo;
  • Flexibilné nastavenie;
  • Užitočné doplnkové funkcie;
  • Neobmedzené množstvo zobrazovaného obsahu.

Demo |Stiahnuť

Wow posuvník

WOW Slider je responzívny jQuery-posuvník obrázkov s úžasnými vizuálnymi efektmi ( domino, otočiť, rozmazať, prevrátiť a blikať, vyletieť, žalúzie) a profesionálne šablóny.

WOW Slider prichádza so sprievodcom inštaláciou, ktorý vám umožní vytvoriť fantastické posúvače v priebehu niekoľkých sekúnd bez toho, aby ste museli rozumieť kódu alebo upravovať obrázky. Verzie doplnku pre Joomla a WordPress sú tiež k dispozícii na stiahnutie:

  • Plne citlivý;
  • Podporuje všetky prehliadače a všetky typy zariadení;
  • Podpora pre dotykové zariadenia;
  • Jednoduchá inštalácia na WordPress;
  • Flexibilita v konfigurácii;
  • SEO optimalizované.

Demo |Stiahnuť

Nivo Slider – bezplatný doplnok jQuery

Nivo Slider je známy po celom svete ako najkrajší a ľahko použiteľný posúvač obrázkov. Doplnok Nivo Slider je bezplatný a vydaný pod licenciou MIT:

  • Vyžaduje JQuery 1.7 a vyššie;
  • Krásne prechodové efekty;
  • Jednoduchá a flexibilná konfigurácia;
  • Kompaktné a prispôsobivé;
  • Open source;
  • Výkonný a jednoduchý;
  • Niekoľko rôznych šablón;
  • Automatické orezanie obrázka.

Demo |Stiahnuť

Jednoduchý posuvník jQuery s technickou dokumentáciou

Myšlienka bola inšpirovaná posúvačmi Apple, v ktorých môže niekoľko malých prvkov vyletieť s rôznymi animačnými efektmi. Vývojári sa pokúsili implementovať tento koncept s prihliadnutím minimálne požiadavky vytvoriť jednoduchý dizajn internetového obchodu, v ktorom „lietajúce“ prvky predstavujú rôzne kategórie:

  • Adaptívne rozloženie;
  • minimalistický dizajn;
  • Rôzne efekty vypadávania a zmeny snímky.

Demo |Stiahnuť

Posuvník obrázkov jQuery v plnej veľkosti

Veľmi jednoduchý posuvník, ktorý zaberá 100 % šírky stránky a prispôsobuje sa veľkosti obrazovky mobilných zariadení. Pracuje s prechodmi CSS a obrázky sú „naskladané“ spolu s kotvami. Kotvu je možné vymeniť alebo odstrániť, ak nechcete k obrázku pripojiť odkaz.

Po inštalácii sa posúvač roztiahne na 100 % šírky obrazovky. Môže tiež automaticky zmenšiť veľkosť snímok:

  • Adaptívny posúvač JQuery;
  • Plná veľkosť;
  • Minimalistický dizajn.

Demo |Stiahnuť

Posuvník elastického obsahu + návod

Posuvník elastického obsahu automaticky upraví šírku a výšku na základe rozmerov nadradeného prvku. Toto je jednoduchý posúvač jQuery. Skladá sa z oblasti snímky v hornej časti a lišty navigačných kariet v spodnej časti. Posuvník prispôsobuje svoju šírku a výšku podľa rozmerov rodičovskej nádoby.

Pri zobrazení na obrazovkách s malou uhlopriečkou sa navigačné karty zmenia na malé ikony:

  • Adaptívny dizajn;
  • Posúvanie kliknutím myši.

Demo |Stiahnuť

Bezplatný posúvač 3D zásobníka

Experimentálny posúvač, ktorý posúva obrázky v 3D. Tieto dva stohy pripomínajú stohy papiera, z ktorých sa pri posúvaní v strede posúvača zobrazia obrázky:

  • Adaptívny dizajn;
  • Flip - prechod;
  • 3D efekty.

Demo |Stiahnuť

Celoobrazovkový Slit Slider založený na JQuery a CSS3 + tutoriále

Tento tutoriál vám ukáže, ako vytvoriť posúvač s otočkou: myšlienkou je „vystrihnúť“ a zobraziť aktuálnu snímku, keď otvoríte nasledujúci alebo predchádzajúci obrázok. Pomocou animácií JQuery a CSS môžeme vytvoriť jedinečné prechodové efekty:

  • Adaptívny dizajn;
  • Rozdelený prechod;
  • Posuvník na celú obrazovku.

Demo |Stiahnuť

Unislider – veľmi malý posúvač jQuery

Žiadne zbytočné zvončeky a píšťalky, veľkosť menej ako 3 KB. Pre svoje snímky použite ľubovoľný HTML kód, rozšírte ho pomocou CSS. Všetko, čo súvisí s Unsliderom, je hosťované na GitHub:

  • Podpora pre rôzne prehliadače;
  • podpora klávesnice;
  • Výškové nastavenie;
  • Adaptívny dizajn;
  • Podpora dotykového vstupu.

Demo | Stiahnuť

Minimálne citlivé snímky

Jednoduchý a kompaktný plugin ( veľkosť je len 1 kB), ktorý vytvorí citlivý posúvač pomocou prvkov vo vnútri kontajnera. ResponsiveSLides.js funguje so širokou škálou prehliadačov vrátane všetkých verzií IE od IE6 a vyššie:

  • Plne citlivý;
  • Veľkosť 1 KB;
  • CSS3 prechody s možnosťou spúšťania cez JavaScript;
  • Jednoduché označovanie pomocou zoznamov s odrážkami;
  • Schopnosť prispôsobiť prechodové efekty a trvanie zobrazenia jednej snímky;
  • Podporuje možnosť vytvárania viacerých prezentácií;
  • Automatické a manuálne rolovanie.

Demo |Stiahnuť

Fotoaparát - bezplatný posúvač jQuery

Fotoaparát je doplnok s mnohými prechodovými efektmi a citlivým rozložením. Jednoduché nastavenie, podporované mobilnými zariadeniami:

  • Plne citlivý dizajn;
  • Podpisy;
  • Schopnosť pridávať videá;
  • 33 rôznych farebných ikon.

Demo |Stiahnuť

SlidesJS, responzívny doplnok jQuery

SlidesJS je responzívny doplnok pre JQuery (1.7.1 a vyššie) s podporou pre dotykové zariadenia a prechody CSS3. Experimentujte s tým, vyskúšajte niekoľko hotových príkladov, ktoré vám pomôžu zistiť, ako pridať SlidesJS do vášho projektu:

  • Adaptívny dizajn;
  • prechody CSS3;
  • Podpora pre dotykové zariadenia;
  • Jednoduché nastavenie.

Demo | Stiahnuť

BX Jquery Slider

Toto je bezplatný responzívny posúvač jQuery:

  • Plne citlivý - prispôsobí sa akémukoľvek zariadeniu;
  • Horizontálna, vertikálna zmena posuvu;
  • Snímky môžu obsahovať obrázky, videá alebo obsah HTML;
  • Rozšírená podpora pre dotykové zariadenia;
  • Použitie prechodov CSS na animáciu snímky ( hardvérová akcelerácia);
  • API spätné volania a úplne verejné metódy;
  • Malá veľkosť súboru;
  • Jednoduchá implementácia.

Demo |Stiahnuť

FlexSlider 2

Najlepšie citlivý posúvač. Nová verzia bol upravený s cieľom zvýšiť rýchlosť a kompaktnosť.

Demo | Stiahnuť

Galleria – responzívna fotogaléria založená na JavaScripte

Galleria sa používa na miliónoch stránok na vytváranie obrázkových galérií vysoká kvalita. Počet pozitívnych recenzií na jej prácu je jednoducho mimo tabuľky:

  • Úplne zadarmo;
  • režim zobrazenia na celej obrazovke;
  • 100% prispôsobivý;
  • Nevyžadujú sa žiadne skúsenosti s programovaním;
  • Podpora pre iPhone, iPad a ďalšie dotykové zariadenia;
  • Flickr, Vimeo, YouTube a ďalšie;
  • Niekoľko tém.

Demo | Stiahnuť

Blueberry – jednoduchý responzívny posúvač obrázkov jQuery

Predstavujem vám posúvač obrázkov jQuery napísaný špeciálne pre responzívny webdizajn. Blueberry je experimentálny doplnok na posúvanie obrázkov s otvoreným zdrojom zdrojový kód, ktorý bol napísaný špeciálne pre prácu s responzívnymi šablónami.

Pri samostatnom použití poskytujú CSS3 a jQuery širokú škálu možností. Ale ak sa použijú spolu... Potom dokážu urobiť efekty naozaj pôsobivé. Niekedy vzniká problém, ako lepšie a kreatívnejšie usporiadať viacero obrázkov či fotografií so spoločnou témou na jednom mieste. Ako možnosť môžete vytvoriť posúvač (najmä preto, že ich je veľké množstvo). Ale v tomto návode vytvoríme interaktívnu 3D galériu pomocou CSS3 a jQuery. Aby ste na to rýchlo prišli a použili posuvník na svoj web, odporúčam stiahnuť si demo verziu (je dostupná aj v úplných novinkách) a jednoducho to urobiť analogicky v príklade.

Reálny príklad je možné vidieť tu:

Stiahnuť

HTML časť - Zaujímavý posuvník jQuery

Kontajner s triedou hlavné sa použije na zobrazenie pozadia. A potom do bloku s identifikátorom immersive_slider môžete pridať toľko snímok, koľko potrebujete. Tlačidlá na pohyb po snímkach je možné odstrániť, ak ich nepotrebujete:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <trieda div = "hlavná" > ... <div id = "immersive_slider" > << >"> ... </div> <div class = "slide" data-blurred = "< >"> ... </div> ... <a href = "#" class = "is-prev" >« </a> <a href = "#" class = "je-ďalší" >» </a> </div> </div>

časť jQuery

1 2 3 4 5 6 7 8 $("#immersive_slider") .immersive_slider (( animácia: "fade" , slideSelector: ".slide" , kontajner: ".main" , cssBlur: false , stránkovanie: true , autoStart: 5000 ) );

Ako ste si mohli všimnúť pri prezeraní príkladu posúvača, existujú rôzne . Všetky nastavenia pre tieto prechody sú vo funkcii vyššie. Pozrime sa na tieto nastavenia:

  • animácie— hodnota, ktorá určuje, ako sa budú snímky meniť. Akceptuje hodnoty „fade“, „slide“ alebo „bounce“. A aby ste mohli vykonať vertikálnu zmenu snímok, musíte zadať „slideUp“ alebo „bounceUp“.
  • slideSelector— selektor na výber blokov so sklíčkami.
  • kontajner— táto vlastnosť definuje hlavný kontajner, ktorého pozadie sa zmení.
  • cssBlur Toto je skúšobná funkcia. Ak nechcete nastaviť rozostrenie, potom túto vlastnosť nenastavujte.
  • stránkovanie— aktivuje navigáciu.
  • autoStart— automatické spustenie prezentácie.

© 2024 ermake.ru -- O oprave PC - Informačný portál