Sova kolotoč - plugin JQuery s dotykovou podporou, čo vám umožní vytvoriť citlivý (adaptívny) posuvník (kolotoč).
Je veľmi pohodlný, jednoduchý a adaptívny plugin na vytvorenie posuvníkov, karusels atď.
V tomto článku sa pokúsim vysvetliť a ukázať vám, ako to funguje.

Inštalácia sova kolotočného pluginu
Po prvé, musíme si stiahnuť archív s pluginom

Nižšie zobrazujem príklad inštalácie plug-in motora motora.

Potom, čo sme si stiahli archív, otvorte ho a distribuovali súbory nasledovne:
Spis owl.carousel.css a Swl.transitions.css miesto v priečinku Štýl. tak alebo cSS.
Spis swl.carousel.js. dávame do priečinka JS

Teraz potrebujeme tieto súbory na pripojenie k práci v našej šablóne.
Otvorte súbor main.tpl Spiatočný reťazec zadať nasledujúce riadky:
Priečinok cSS. Zmeňte ten, v ktorom máte cSS. Štýly!
Potom v spodnej časti pred reťazcom zadajte takýto reťazec:
To je to! Skončili sme inštaláciou.

Teraz musíme vložiť a konfigurovať samotný posuvník.
Ukážem vám na príklade topnews.tie zoberiem populárne správy cez náš sova kolotoč.

Na stránke dokumentácie popisuje všetky parametre, demo a spôsoby, ako používať náš sova kolotočový plugin.
Choďte na odkaz a vyberte ľubovoľný posuvník, ktorý sa vám páči.
Pre našu topnews. Vybral som si prvú tzv. Snímky.V karte JavaScript skopírujte tieto riadky:
$ (Document) .ready (Function () ($ (# Owl-Demo ") Owlcarousel (AutoPlay: 3000, položky :. 4, ItemsDesktop:, ItemsDesktopSmall :));)); a vložte ich do súboru main.tpl pred reťazcom

Potom v karte CSS skopírujte riadky:
# Owl-Demoitem (margin: 3PX) # Owl-demoitem img (display: block; šírka: 100%; výška: auto) a ich pripojenie na niektorú cSS. súbor buď do súboru main.tpl pred reťazcom Ale po reťazci !
Teraz budeme analyzovať náš HTML kód a pripojiť sa topnews.V súbore main.tpl Vložte značku na správne miesto (TOPNEWS) ktorý zase zobrazí zoznam populárnych správ, vzhľad ktoré je možné konfigurovať v súbore tOPENEWS.TPL,o tom len nižšie .
Náš kód so štítkom by mal vyzerať takto:

No, teraz sme odišli na prispôsobenie správy.
Otvorte súbor T.opnews.tpla na samom začiatku sú vhodné:

Ak používate jednu z mojich šablón s bootstrap, potom ako možnosť môžete použiť nasledujúce riadky v súbore tOPNEWS.TPL:

Novinky sa zobrazia v tomto formulári.

Tento plugin môže byť použitý takmer kdekoľvek, ako aj pomocou značky (Vlastná kategória)
Môžu tiež nahradiť štandardnú galériu DLE, uverejním osobitný článok o tom. Použitie na zdravie;)

Rešpektovať admin. stiahnuť ▼ POZOR: Dosiahne sa limit na stiahnutie. Poď zajtra \u003d)

1. jQuery "clickcarousel" kolotoč

Blok s rolovacími správami. Pre rolovacie bloky sa používajú šípky doľava / doprava. V archívnom karuseli v dvoch štylizovaných vzoroch: svetlé a tmavé.

1. JQuery Carousel, plugin "Caroufredsel"

Čistý čerstvý karusel snímok na jQuery.

4. JQuery Plugin: Elastislide Carousel

5. Zapojte "Tinycarousel"

Vynikajúce sliznice obsahu vo forme obrazového karuselu pomocou jQuery. Demo stránka popisuje, ako tento karusel upevniť na vaše stránky.

Plugin "Slider Kit", ľahký karusel s rôzne cesty zvitok.

7. JavaScript Carousel

8. JQuery "Grid Navigation Efekty"

Originálna navigácia medzi miniatúrami obrázkov. Ak chcete zobraziť efekt vpravo na stránke Demo, kliknite na tlačidlá nahor a nadol. Toto riešenie JQuery tiež poskytuje účinok, keď prejdete kurzorom na miniatúr a rolovanie s kolieskom myši.

9. Jednoduchý karusel

10. Carousel z blokov "Easy Paginát"

jQuery plugin "Easy Paginát". Každý pravouhlý blok je obvyklý LI zoznam položiek, s položkami viac ako tri, zobraziť ich všetko, čo potrebujete použiť navigáciu, podobne ako posuvník (pomocou "forwardových" šípok, "späť" a pomocou navigačných tlačidiel na dno).

11. Vertikálny rotátor "vertikálny ticker"

Vertikálny rotátor na jQuery: Automatické rolovanie obsahu na stránke. Navigačné tlačidlá sú poskytnuté, ako aj schopnosť zastaviť otáčanie a znova spustiť. Keď sa pohybujete kurzorom myši. Na HTML úrovni označovania sú rolovacie bloky reprezentované konvenčnými položkami LI zoznamu.

12. Rolovací priestor JavaScript CSS

riešenie JavaScript "Tinyscroll" na vytvorenie rolovacieho priestoru umiestneného v nádobe Div.

13. jQuery "Smooth Div Scroll" Plugin

Plugin na implementáciu horizontálneho rolovania obsahu v konkrétnej oblasti. Keď prejdete kurzorom myši na ľavej alebo pravý okraj oblasti, spustí sa rolovanie.

Navigácia medzi snímkami obsahu možno vykonať pomocou šípok alebo stlačením miniatúry. Nižšie je tlačidlo "show", čo umožňuje skryť / zobraziť miniatúry alebo Úplný popis Šmykľavka.

15. Obsah rotátora "Kruhový obsah Carousel"

17. Scroller

Blok so scrollerom, ktorý sa zobrazuje pri vznámení kurzora. Obsah môžete prechádzať ako pomocou posuvného panela a pomocou kolieska myši.

Podobný roztok JQuery bol vyrobený pod dojmom takéhoto účinku na Apple. Vývojári tejto korporácie vždy našli zaujímavé rozhodnutia, ktoré boli inšpirované počasie majster z celého sveta. Ak chcete preukázať plugin, vyberte z určitej kategórie zo zoznamu.

19. Ohromujúci posuvník

Posuvník sa automaticky vygeneruje. Údaje s názvom Tovaru, popisu, prepojenia a adresy obrázka je prevzatá z súboru Slider.db.txt. Použité technológie: CSS, PHP, JQuery.

20. Rotácia blokov pomocou jQuery

Ak chcete zobraziť účinok otáčania blokov, stlačte jeden z malých obdĺžnikov na demo stránke.

Plugin pre rolovací obsah, napríklad, možno použiť na zobrazenie najnovších správ alebo zobraziť Twitter na stránke.

22. Dynamický blok "Recenzie zákazníkov"

Automatické otáčanie obsahu bloku. Použité technológie: PHP, XML, CSS, JQuery.

Tento plugin skopíruje položky zoznamu (ul li) v jquery prvky Kolotoč.

26. JavaScript Carousel "Imageflow"

Snímky sa ľahko prechádzajú cez koliesko myši.

27. Rolovací obsah

Kompaktný blok s oznámením najnovších materiálov na webovej stránke alebo novinkách. V ľavom stĺpci zobrazuje prerušený zoznam krátkych oznámení o najnovších správach. Pri výbere jedného z nich v pravom stĺpci sa zobrazí viac detailný popis a odkaz na čítanie úplného textu publikácie. Implementované s jQuery.

Obrázky s odkazmi sa posúvajú, keď prejdete myšou, zdvihnite zastávky rolovania a zobrazí sa navigačný panel. Keď prejdete myšou, zobrazí sa aj jeho názov medzi ovládacími tlačidlami. Vyzerá veľmi pekne na stránke

33. Scroll Content, Mootools plugin "Scrollbar"

Rolovanie sa vykonáva pomocou posúvacieho panela a pomocou kolieska myši.

Áno, téma dúhovky. Ale stále, nájsť to, čo je naozaj potrebné, je často ťažké. Všetky ponúkajú silne sofistikované skripty s mnohými zbytočnými funkčnými. A zvyčajne už komprimované pluginy.

Preto ponúknem svoje vlastné alternatívna možnosť Veľmi jednoduchý karusel na jQuery.

Môže byť použitý obaja karusel a noviny správy alebo akýkoľvek iný obsah \u003d)

Jediná malá zásielka, ktorú som si dovolil, je tieň od bloku karuselu.

UPD: 07.07.2014

Bude to vyzerať takto:
Demo Download

Štruktúra bude mať nasledujúci formulár:

Popisujeme štýly:

Karusel (Max-Šírka: 1080px; / * šírka celého bloku * / rozpätie: 50 pixelov auto; šírka: 100%) .carousel-obálka (okraj: 10px 30PX; / * Šípky * / Prepad: Skrytá; / * skryť Obsah, ktorý presahuje hlavnú oblasť * / pozíciu: relatívna;) .carousel-položky (šírka: 10000px; / * Nainštalujte veľkú šírku pre sadu prvkov * / Poloha: relatívna; / * Umiestnite jednotku voči hlavnej oblasti karuselu * /) .carousel blok- (float: left; / * zostaví všetky kolotoč prvky v rade * / šírka: 250 pixelov; / * Nastavenie šírka každého prvku * / vložka: 10px 10px 10px 0px; / * Urobiť osnovy tak, že prvky nie sú zlúčiť * /) .carousel -block IMG (display: block) / *********** *********** gombíky / tlačidlá .carousel-zanechal, .carousel tlačidlami pravom A (Šírka: 25 pixelov, výška: 36px; Pozícia: relatívna; top: 80px; kurzora: Pointer; text-decoration: none;) .carousel tlačidlá doľava A (float: left; Background: URL (../ images / Carousel left.png);) .Carousel-Button-Right A (float: Správny; Pozadie: URL (/ Images / Carousel-Right.png); ) / ************ / .SHADOW (Box-Shadow: 0PX 0PX 10PX RGBA (0, 0, 0, 0,6);)

A nakoniec, ako by to mala fungovať:

// Spracovanie Kliknite na šípku vpravo $ (Document) E.ON ( "Click", ".carousel-Button-Right", funkcia () (VAR CARUSEL \u003d $ (toto) .Parents ( "kolotoč".); Right_carusel ( CARUSEL); return false;)); . "Carousel-Button-left" // výroba, kliknite na ľavej šípky $ (Document) E.ON ( "Click", function () (var kolotoč \u003d $ (toto) .Parents ( "kolotoč".); Left_carusel ( CARUSEL); return false;)); FUNCTION LEFT_CARUSEL (CARUSEL) (CARUSEL) .find ( "Carousel-block"). Outerwidth () .. $ (Carusel) .find ( ". Carousel-Items .carousel-Block") EQ (- 1) .clone ( .) PrependTo ($ (CARUSEL) .find ( "karuselového položky")); $ (Carusel) .find ( "kolotoč-položky"). CSS (( "Vľavo": "-" + block_width + "px. ")), $ (CARUSEL) .find (" karuselového položky .carousel-blok ") EQ (-1) .Uvolnit (). $ (CARUSEL) .find (" .. karuselového položky ") .Nimate ( (Vľavo: "0px"); ". Carousel-block" 200)) Funkcia Right_carusel (Carusel) (VAR BLOCK_WIDTH \u003d $ (CARUSEL) .find () Outerwidth (); $ (Carusel) .find ( ".carousel -items ") Animovať ((Vľavo :." - "+ block_width +" px ")., 200, funkcia () (CARUSEL) .find (". Carousel-Items .carousel-blok ") EQ (0) .Clone () Appendto ($ (Carusel) .find ( "kolotoč-položky.")) ;. $ (Carusel) .find ( "kolotoč-Items .carousel-blok") EQ (0) .Uvolnit () ;. $ ( Carusel) .find ( ". Carousel-Body") CSS (( "Left": "0px"))))) $ (function () (// unset reťazec nižšie zahŕňajú automatické rolovanie Carousel Auto_Right ( " , Carousel: prvý ");)) // Auto FUNKCIA AUTO_RIGHT (FUNKCIA (IF (IF (! $ (CARUZEL) (". Hover")) PrasseccaRUSEL (CARUZEL); ), 3000)) // kurzor na $ Carousel ("Document) .on (" Mousenter "," .carousel ", funkcia () ($ (this) .Addclass (" Hover ")))) kurzor z karuselu $ (Document) E.ON ( "mouseLeave", ".carousel", funkcia () ($ (toto) .RemoveClass ( "Hover")))

V súlade s tým môže byť puk odstránený. A na použitie musíte nahradiť veľkosť hlavnej jednotky a vnorených "orezaných" blokov. Je tiež veľmi jednoduché uvoľniť tento proces, aby sa automaticky) (v tento prípad, Stačí zvýšiť hovor do funkcie AUTO_RIGHT). To znamená, že je možné urobiť z tejto jednoduchej galérie všetko, čo potrebujete v rámci úlohy!

Treba tiež poznamenať, keď je príkladom tohto príkladu je adaptívne, to znamená, že veľkosť kolotoč je upravený v závislosti na veľkosti obrazovky a bude správne zobrazenie a to ako na počítači alebo notebooku obrazovke a na obrazovkách tablety a smartphony.

V súčasnosti je posuvník kolotoč - funkčnosť, ktorá je jednoducho potrebná na to, aby na obchodnej stránke, stránky portfólia alebo akéhokoľvek iného zdroja. Spolu s full-screen posuvníkmi obrazu, horizontálne posuvníky - kolotoč dobre zapadajú do akéhokoľvek webového dizajnu.

Niekedy musí posuvník zaberať jednu tretinu stránky stránky. Tu sa posuvník - karusel používa s účinkami prechodov a s adaptívnymi rozloženiami. E-commerce stránky používajú posuvník - kolotoč, aby demonštroval rôzne fotografie v samostatných publikáciách alebo stránkach. Kód jazdy sa môže voľne používať a upraviť v súlade s potrebami.

Pomocou jQuery spolu s HTML5 a CSS3 môžete svoje stránky urobiť zaujímavejšie poskytovaním jedinečných efektov a nakresliť návštevníkov do konkrétnej oblasti stránky.

Slick - moderný posuvník plugin - Carousel

Slick je voľne distribuovaný jQuery - plugin, ktorých vývojári argumentujú, že ich rozhodnutie uspokojí všetky vaše požiadavky na posúvač. Adaptívny posuvník - Carousel môže pracovať v režime "Dlaždice" pre mobilné zariadenia, a v režime "Tragging" pre verziu na pracovnej ploche.

Obsahuje účinok prechodu "útlm", zaujímavou možnosťou "MODE v centre", lenivé načítanie obrázkov s AUTHOPPOKE. Aktualizované funkcie zahŕňa pridanie diapozitívov a posuvného filtra. Všetko, aby ste nakonfigurovali plugin v súlade s vašimi požiadavkami.

Demo režim Stiahnuť ▼

Sova Carousel 2.0 - JQuery - plugin so schopnosťou používať na dotykových zariadeniach

V arzenále tohto pluginu - veľká sada funkcií vhodných pre nováčikov aj skúsených vývojárov. na to aktualizovaná verzia Posuvník - Carousel. Jeho predchodca bol nazývaný.

Posuvník má niektoré vstavané pluginy na zlepšenie celkovej funkčnej funkcie. Animácia, prehrávanie videa, Slider Autorun, Lazy Loading, automatické nastavenie Hlavnými vlastnosťami Sova Carousel 2.0.

Podporná príležitosť Ťahať a. DROP je zahrnutý pre pohodlnejšie použitie pluginu mobilné zariadenia.
Plugin je ideálny pre zobrazenie veľkých obrázkov, dokonca aj na obrazovkách malých mobilných zariadení.

Príklady Stiahnuť ▼

jquery plugin strieborná trať

Docela malá, ale bohatá na funkčnosť pluginu JQuery, ktorá vám umožní umiestniť jazdec na stránke - karusel s malým jadrom a nespotrebuje mnoho zdrojov stránky. Plugin môže byť použitý na zobrazenie vertikálnych a horizontálnych posuvníkov, s animáciou a vytváraním súborov obrázkov z galérie.

Príklady Stiahnuť ▼

Anoslid - Ultra Compact Adaptive Jquery Slider

Ultra kompaktný jQuery Slider - kolotoč, ktorého funkčnosť je oveľa viac ako konvenčný posúvač. Obsahuje náhľad Jeden obrázok, mapovanie viacerých obrázkov vo forme jazdca na báze karuselu a titulkov.

Príklady Stiahnuť ▼

Sova Carousel - JQuery Slider - Carousel

Sova Carousel - Posuvník s podporou dotykových obrazoviek a pretiahnuť A pokles, ľahko postavený v HTML - kód. Plugin je jedným z najlepších posuvníkov, ktoré vám umožnia vytvoriť krásny karusel bez akéhokoľvek špeciálne pripraveného markupu.

Príklady Stiahnuť ▼

3D galéria - kolotoč

Používa 3D - prechody na základe CSS - štýlov a trochu JavaScriptového kódu.

Príklady Stiahnuť ▼

3D kolotoč s tweenmax.js a jQuery

Gorgeous 3D Carousel. Zdá sa, že je to stále beta verzia, pretože som našiel pár problémov s jej doslova. Ak máte záujem o testovanie a vytváranie vlastných posuvníkov - tento kolotoč bude veľkou pomocou.

Príklady Stiahnuť ▼

Kolotoč pomocou bootstrap

Adaptívny posuvník - Carousel pomocou technológie Bootstrap len pre vašu novú webovú stránku.

Príklady Stiahnuť ▼

Na základe bootstrap - rámcový posuvník - pohybujúce sa box Carousel

Najobľúbenejšie na portfóliách a obchodných stránkach. Tento typ jazdca - kolotoč sa často nachádza na akomkoľvek type stránok.

Príklady Stiahnuť ▼

Tiny Circleslider.

Táto drobná veľkosť posuvník je pripravená pracovať na zariadeniach s ľubovoľným rozlíšením obrazovky. Posuvník môže fungovať ako v režime kruhového aj karuselu. Tiny kruh je reprezentovaný ako alternatíva k iným posuvníkom tohto typu. Existuje vstavaná podpora operačné systémy IOS a Android.

V kruhovom režime vyzerá posuvník veľmi zaujímavý. Dokonale implementovaná podpora metódy drag and drop a systém automatických rolovacích diapozitívov.

Príklady Stiahnuť ▼

Obsah Slider Thumbelina.

Výkonný, adaptívny, typu typu karuselu je ideálny pre moderné miesto. Správne funguje na akýchkoľvek zariadeniach. Má horizontálne a vertikálne režimy. Jeho veľkosť je minimalizovaná len 1 kb. Ultra kompaktný plugin na všetko ostatné má vynikajúce hladké prechody.

Príklady Stiahnuť ▼

WOW - Slider - Carousel

Obsahuje viac ako 50 efektov, ktoré vám pomôžu vytvoriť originálny posuvník pre vaše stránky.

Príklady Stiahnuť ▼

Adaptive JQuery BaxLider Content Slider

Zmeňte veľkosť okna prehliadača, aby ste zistili, ako je posuvník prispôsobený. Bxslider je dodávaný s viac ako 50 možnosťami nastavení a demonštruje jeho funkcie s rôznymi prechodovými účinkami.

Príklady Stiahnuť ▼

jCAROUSEL

jcarousel - jquery plugin, ktorý pomôže organizovať zobrazenie obrázkov. Môžete ľahko vytvoriť vlastné násypy obrázkov z základov, ktoré sú uvedené v príklade. Posuvník je adaptívny a optimalizovaný pre prácu na mobilných platformách.

Príklady Stiahnuť ▼

Scrollox - plugin JQuery

Scrollox Compact Plugin na vytvorenie posuvníka - kolotoč alebo textový reťazec. Medzi hlavné funkcie patrí účinok zvislého a horizontálneho rolovania s pauzou, keď prejdete kurzorom myši.

Príklady Stiahnuť ▼

dbpascarousel

Jednoduchý posuvník - kolotoč. Ak potrebujete rýchly plugin - to vyhovuje 100%. Dodáva sa len so základnými funkciami potrebnými pre posúvač.

Príklady Stiahnuť ▼

Flexisel: Adaptive JQuery Plugin Slider - Carousel

Tvorcovia Flexisel boli inšpirovaní pluginou starého Jcarousel School, čím bola kópia zameraná na správnu prevádzku posúvača na mobilných a tabletových zariadeniach.

Flexisel adaptívne rozvrhnutie, pri práci v mobilných zariadeniach, sa líši od okná orientované rozvrhnutie prehliadača. Flexisel je dokonale prispôsobený na prácu na obrazovkách, ako aj s vysokým rozlíšením.

Príklady Stiahnuť ▼

Elastislide - Adaptívny posuvník - Carousel

Elastislide dokonale sa prispôsobuje veľkosti obrazovky zariadenia. Minimálny počet zobrazených obrázkov môžete nastaviť pri určitom rozlíšení. Pracuje dobre ako jazdca - kolotoč s obrázkovými galériami pomocou pevného obalu spolu s účinkom vertikálneho rolovania.

Príklad Stiahnuť ▼

FLEXSLIDER 2.

Voľne distribuovaný posuvník z ohnev. Právo sa považuje za jeden z najlepších adaptívnych posuvníkov. Plugin obsahuje niekoľko šablón a bude užitočné ako pre začiatočníkov a odborníkov.

Príklad Stiahnuť ▼

Úžasné kolotoč

Úžasné kolotoč - adaptívny posuvník Obrázky na jQuery. Podporuje mnoho stránok riadenia stránok, ako je WordPress, Drupal a Joomla. Podporuje tiež možnosti Android a iOS a pracovnej plochy pre operačné systémy bez akýchkoľvek problémov s kompatibilitou. Vstavané úžasné šablóny Carousel vám umožňujú používať jazdec vo vertikálnych, horizontálnych a kruhových režimoch.

Príklady Stiahnuť ▼

Pluginy jQuery.Schever vám umožňuje zobraziť obsah webových stránok v atraktívnejšej forme. S takýmito pluginmi môžete vytvoriť krásne prezentácie priamo na stránkach stránok a prilákať pozornosť návštevníkov.

1. Bootstrap Ambilight Posuvník

Bootstrap Ambilight Slider. - Modul pre vytvorenie posuvníkov / karusely s účinkom na okolité žiara a funkčnosti Bootstrap.

2. JQuery Touchswipe Carousel

jQuery.-Použitie Touchswipe Carousel Umožňuje určiť dotykovú obrazovku a napodobniť stlačením tlačidla myši.

3. Položky.

Bodylide.js. predstavuje jQuery.-Plagin vytvoriť karusel, ktorý bude fungovať tak na pracovných počítačoch a na mobilných zmyslových zariadeniach.

4.

– jQuery.-Plagin na vytvorenie adaptívnych karuselín / posuvníkov.

5.

Plne adaptívne a optimalizované mobilné zariadenia plugin jQuery.-Lesllers. Tu sa tu používa animácia. CSS3.-Translate, ale tiež poskytuje náhradnú možnosť jQuery.. Plugin podporuje neobmedzený počet diapozitívov s akýmkoľvek typom obsahu. Môže komunikovať s klávesnicou a zároveň funguje dobre vo väčšine prehliadačov, vrátane mobilných telefónov.

6. SILVERTRACK

Silvertrack – jQuery.- plangin s možnosťou expanzie. Pozostáva z malého jadra, ktorý môže byť pripojený k výberu vhodných pluginov.

7. Sova Carousel 2

Sova Carousel 2. - plne adaptívne kolotoč pre jQuery / zepto. s podporou senzorických obrazoviek.

8. UTILCAROUSEL

Utilcarousel - Zapojiť jQuery.-Príroda S. hladké prechodyimplementované hardvérovým zrýchlením. Je plne adaptívny. Plugin podporuje dotykové obrazovkya používa trojrozmerné CSS3.- Animácia s hardvérovým zrýchlením. Vďaka tomu bude plugin dobre vyzerať dobre na pracovných počítačoch a na mobilných zariadeniach. Vládnuť Utilcarousel Môžete s pomocou dotykov, navigácie alebo kolieska myši.

9. Slick.

Úhľadný. Je to adaptívne jQuery.Schever, v ktorom je všetko, čo môže byť potrebné.

10. CODINGJACKO 3D CAROOUSEL

Tento kolotoč je podporovaný zariadeniami iOS. a Android a vybavené funkčným senzorickým prepadom. Vyzerá to skvele na tablety a smartfónoch.

11. Slideshow JQuery.

jQuery Slideshow. Je to kolotoč a posuvník s podporou kontroly gest na dotykových zariadeniach. Archív pluginu váži len 2 kilobajty.

12. Flimoroll.

Flimoroll - miniatúra jQuery.-Relessel, ktorý sa zameriava pozornosť používateľa na konkrétny objekt, umiestnenie do stredu obrazovky.

13. TIKSLUS

Tikslus. predstavuje úplne adaptívny karusel na jQuery. S mnohými funkciami a vlastnosťami. A vysoká prispôsobivosť pluginu vám umožňuje nezadať veľkosť obrázkov. Okrem toho stojí za zmienku podpory ľubovoľnej animácie na základe CSS3.- triedy. Tikslus. Môže byť použitý s pluginom Jquery mobil.

14. Scrollox

Scrollox. - Jednoduchá, miniatúra jQuery.- Plagin, ktorý otočí zoznam do karuselu alebo bežiaceho reťazca.

15. Sky Touch Carousel

Sky Touch Carousel - Zapojiť. jQuery.-Wrafter s bohatou sadou funkcií. Adaptívny plugin, podporuje dotykové obrazovky a zároveň funguje rýchlo a hladko. Nastavenia vám umožňujú zmeniť vzhľad karuselu pomocou CSS..

16.

- flexibilné jQuery.-Plagin vytvoriť prezentáciu alebo karusel. Má mnoho nastavení, vrátane typov prechodov, zarovnania obrazu a rýchlosť posunu rámu.