Vrijeme ne miruje i sa njim napreduje. To je uticalo i na internet. Već možete vidjeti kako se izgled web stranica mijenja posebno je popularan. I u tom pogledu pojavilo se dosta novih prilagodljivi jquery klizači, galerije, vrtuljke ili slične dodatke.
1. Klizač za horizontalne postove

Prilagodljivi horizontalni vrtuljak s detaljnim uputama za instalaciju. Napravljen je u jednostavnom stilu, ali ga možete stilizirati kako vam odgovara.

2. Klizač na Glide.js

Ovaj klizač je pogodan za bilo koju web stranicu. Koristi Glide.js otvorenog koda. Boje klizača se mogu lako mijenjati.

3. Slideshow sa nagnutim sadržajem

Klizač za responzivni sadržaj. Vrhunac ovog klizača je 3D efekat slika, kao i različite animacije nasumičnog izgleda.

4. Klizač koji koristi HTML5 platno

Vrlo lijep i impresivan klizač sa interaktivnim česticama. Napravljen je korišćenjem HTML5 platna,

5. Klizač za preoblikovanje slike

Klizač sa efektom morfiranja (glatka transformacija iz jednog objekta u drugi). U ovom primjeru, klizač je dobro prikladan za portfolio web programera ili web studija u obliku portfelja.

6. Kružni klizač

Klizač u obliku kruga sa efektom okretanja slike.

7. Klizač sa zamućenom pozadinom

Prilagodljivi klizač sa prebacivanjem i zamućenjem pozadine.

8. Odazivi modni klizač

Jednostavan, lagan i prilagodljiv klizač web stranice.

9. Slicebox - jQuery 3D klizač slike(AŽURIRANA)

Ažurirana verzija klizača Slicebox sa ispravkama i novim funkcijama.

10. Free Animated Responsive Image Grid

JQuery dodatak za kreiranje fleksibilne mreže slika koja će mijenjati snimke koristeći različite animacije i vremena. Ovo može izgledati dobro kao pozadina ili dekorativni element na web stranici, jer možemo selektivno pojavljivati ​​nove slike i njihove prijelaze. Dodatak dolazi u nekoliko verzija.

11. Flex klizač

Univerzalni besplatni dodatak za vašu web stranicu. Ovaj dodatak dolazi u nekoliko opcija klizača i vrtuljka.

12. Okvir za fotografije

Fotorama je univerzalni dodatak. Ima mnogo postavki, sve radi brzo i jednostavno, a slajdove možete gledati preko cijelog ekrana. Klizač se može koristiti u fiksnoj veličini i prilagodljiv, sa ili bez sličica, sa ili bez kružnog pomicanja i još mnogo toga.

P.S.Instalirao sam klizač nekoliko puta i mislim da je jedan od najboljih

13. Besplatna i prilagodljiva 3D galerija klizača sa sličicama.

Eksperimentalni klizač galerije 3DPanelLayout sa mrežom i zanimljivim efektima animacije.

14. Klizač na css3

Prilagodljivi klizač je napravljen pomoću css3 sa glatkim izgledom sadržaja i svjetlosnom animacijom.

15. WOW klizač

WOW klizač je klizač slika sa neverovatnim vizuelnim efektima.

17. Elastična

Elastični klizač sa punim odzivom i sličicama slajdova.

18. Slit

Ovo je klizač koji reaguje preko celog ekrana koji koristi css3 animaciju. Klizač je napravljen u dvije verzije. Animacija je urađena prilično neobično i lijepo.

19. Prilagodljiva foto galerija plus

Jednostavan besplatni klizač galerije sa učitavanjem slika.

20. Responzivni klizač za WordPress

Prilagodljivi besplatni klizač za WP.

21. Paralaksni klizač sadržaja

Klizač sa efektom paralakse i kontrolom svakog elementa pomoću CSS3.

22. Klizač sa muzičkom vezom

Klizač koji koristi JPlayer otvoreni izvorni kod. Ovaj klizač liči na prezentaciju sa muzikom.

23. Klizač sa jmpress.js

Reaktivni klizač je baziran na jmpress.js i stoga će vam omogućiti da dodate neke zanimljive 3D efekte vašim slajdovima.

24. Fast Hover Slideshow

Slide show sa brzim prebacivanjem slajdova. Klizači se prebacuju na lebdenje.

25. Slika harmonika sa CSS3

Slika harmonike koristeći css3.

26. Dodatak za galeriju optimiziran na dodir

Ovo je prilagodljiva galerija koja je optimizirana za uređaje osjetljive na dodir.

27. 3D galerija

3D zidna galerija- kreiran za pretraživač Safari, gdje će biti vidljiv 3D efekat. Ako ga pogledate na drugom pretraživaču, funkcionalnost će biti u redu, ali 3D efekat neće biti vidljiv.

28. Klizač sa paginacijom

Responzivni klizač sa paginacijom koristeći JQuery UI klizač. Ideja je da se koristi jednostavan koncept navigacije. Moguće je premotavati sve slike ili mijenjati slajd po slajd.

29. Montaža slike sa jQuery

Automatski rasporedi slike u zavisnosti od širine ekrana. Vrlo korisna stvar kada se razvija portfolio web stranica.

30. 3D galerija

Jednostavan 3D kružni klizač koji koristi css3 i jQuery.

31. Režim cijelog ekrana sa 3D efektom koristeći css3 i jQuery

Klizač sa mogućnošću pregleda slika preko celog ekrana sa prelepim prelazom.

Ovaj klizač se lako instalira i ako ga shvatite, možete ga lako konfigurirati i postići željeni rezultat. Da bi ovaj klizač radio, potrebno vam je samo nekoliko elemenata koje ćemo sada razmotriti po redu.

HTML markup

Ovdje je sve vrlo jednostavno, samo trebate dodati UL listu na samom početku odmah nakon oznake tijelo.

Postoje samo tri reda na listi li, odnosno klizač je dizajniran za 3 slike, ako vam treba više, onda je prvi korak dodavanje potrebnog broja linija. Idemo dalje.

CSS stilovi

Ovo je vjerovatno najvažniji dio posla, jer kako će naš klizač raditi ovisi o CSS-u. Otvorite datoteku stila vaše stranice i dodajte joj sljedeći kod.

Body_slides(list-style:none; margin:0; padding:0; z-index:-2; background:#000;) .body_slides, .body_slides:after( pozicija: fiksna; širina:100%; visina:100% ; top:0px; lijevo:0px;) .body_slides:after (sadržaj: ""; pozadina: prozirni url(images/pattern.png) ponoviti gore lijevo;).body_slides li( width:100%; height:100%; position:absolute:none-webkit-animation: anim_slides 18s-animation: animation infinite; linearno beskonačno 0s; 1.jpg) ) .body_slides li:nth-child(2)( -webkit-animation-delay: 6.0s; -moz-animation-dey: 6.0s; background-image: url(images/2. jpg) ) . -keyframes anim_slides ( 0% (prozirnost:0;) 6% (prozirnost:1;) 24% (prozirnost:1;) 30% (prozirnost:0;) 100% (prozirnost:0;) ) @-moz-keyframes anim_slides ( 0% (prozirnost:0;) 6% (prozirnost:1;) 24% (prozirnost:1;) 30% (prozirnost:0;) 100% (prozirnost:0;) )

Ako razumete CSS, onda vam neće biti teško da shvatite šta je za šta odgovorno. Reći ću vam minimum, jer nema smisla učiti CSS.

Naša lista sa slajdovima ima klasu body_slides. Daju mu se stilovi za izgled i opšta podešavanja.

Zatim imamo pseudo element - :posle, koji definira dodatni sloj i uzorak u obliku tačaka je superponiran na vrhu pozadine. Ovo se radi pomoću slike do koje je navedena staza images/pattern.png. Ako imate drugačiji put, navedite ga ispravno.

.body_slides li:nth-child(1)- ovo je prvi slajd po redu i ima sliku u pozadini. Slijedi nth-child(2), pored slike, dato je još jedno vrijeme i jednako je 6 sekundi. To jest, pojavit će se 6 sekundi nakon prvog slajda. Sljedeće je nth-child(3), pojavit će se za još šest sekundi, tako da ima vrijeme od 12 sekundi. Ako trebate dodati 4. slajd, dodajte nth-child(4) i već bi trebao imati vrijeme od 18 sekundi. Mislim da je ovo jasno.

Zatim morate odrediti puno vrijeme animacije, ono je sada postavljeno body_slides i iznosi 18 sekundi. Ako dodate 4 slajda, to će biti jednako 24 i tako dalje. Ako ste dobri u matematici, trebalo bi da se snađete, glavno je da ne pogrešite jer klizač nikako neće raditi. Ako želite, možete ubrzati ili usporiti podešavanjem željenog vremena.

ključni kadrovi anim_slides- ovo je pojava i nestanak slajda. U početku je slajd providan i zadan mu je uslov - opacity:0;. Kada dođe na red bilo koji od slajdova, on se prvo pojavi, a zatim ponovo počinje da postaje proziran i potpuno nestaje, a na njegovom mjestu se pojavljuje novi. Ako želite promijeniti brzinu pojavljivanja ili nestajanja, promijenite postotak - ovo je postotak ukupnog vremena.

Ostala podešavanja su prema želji i potrebi - opšta pozadina, sada crna, put do slika, pozicioniranje, nivo sloja itd. Prednost ovog klizača je što je jednostavan i ne koristi skripte i čitave biblioteke, ako je napravljen pomoću - jQuery. Zaista se nadam da ako želite da promenite svoje pozadinske slike, onda će vam ovaj CSS klizač pomoći.

To je sve, hvala na pažnji. 🙂

Ako trebate dodati visokokvalitetni jQuery klizač za sliku na svoju web lokaciju, tada ćete u ovom članku pronaći opis potrebnih dodataka. Iako je JQuery znatno olakšao rad sa JavaScript-om, i dalje su nam potrebni dodaci za ubrzavanje procesa web dizajna.

Možemo promijeniti neke od ovih dodataka i kreirati nove klizače koji su mnogo prikladniji za potrebe naše stranice.

Za druge klizače jednostavno dodajete naslove, slike i birate efekte prijelaza slajdova koji dolaze s klizačem. Svi ovi dodaci dolaze s detaljnom dokumentacijom, tako da im dodavanje novih efekata ili funkcija nije teško. Možete čak promijeniti okidače zasnovane na događajima ako ste iskusni JQuery programer.

Najnoviji trendovi poput responzivnog dizajna vrlo su važni za web projekte, bilo da implementirate dodatak ili skriptu. Svi ovi elementi čine svaki od ovih dodataka vrlo fleksibilnim. Na ovoj listi je sve što je izašlo 2014. godine.

jQuery klizači slika

Jssor Responsive Slider

Nedavno sam naišao na ovaj moćni JQuery klizač i mogao sam vidjeti iz prve ruke da radi svoj posao vrlo dobro. Sadrži neograničene mogućnosti koje se mogu proširiti kroz otvoreni izvorni kod klizača:

• Adaptive design;
• Više od 15 opcija prilagođavanja;
• Više od 15 efekata promjene slike;
• Galerija slika, vrtuljak, podrška za cijeli ekran;
• Vertikalni rotator banera, lista slajdova;
• Video podrška.

Demo | Preuzmi

PgwSlider - responzivni klizač baziran na JQuery / Zepto

Jedini zadatak ovog dodatka je da prikaže slajdove sa slikama. Veoma je kompaktan, budući da su JQuery fajlovi veličine samo 2,5 KB, što mu omogućava da se učita veoma brzo:

• Adaptive layout;
• SEO optimizacija;
• Podrška za različite pretraživače;
• Jednostavni prijelazi slika;
• Veličina arhive je samo 2,5 KB.

Demo | Preuzmi

Jquery vertikalni klizač za vijesti

Fleksibilan i koristan JQuery klizač dizajniran za izvore vijesti sa listom publikacija na lijevoj strani i slikom prikazanom na desnoj strani:

• Adaptive design;
• Vertikalni stupac za prebacivanje vijesti;
• Proširena zaglavlja.

Demo | Preuzmi

Wallop Slider

Ovaj klizač ne sadrži jQuery, ali bih ga želio predstaviti jer je vrlo kompaktan i može značajno smanjiti vrijeme učitavanja stranice. Javite mi ako vam se sviđa:

• Adaptive layout;
• Jednostavan dizajn;
• Različite opcije promjene slajdova;
• Minimalni JavaScript kod;
• Veličina je samo 3KB.

Demo | Preuzmi

Polaroid galerija ravnog stila

Galerija u stilu dokumenata raštrkanih na stolu sa fleksibilnim rasporedom i prekrasnim dizajnom trebala bi biti od interesa za mnoge od vas. Pogodnije za tablete i velike ekrane:

• Adaptive slider;
• Flat design;
• Slučajna promjena slajdova;
• Potpuni pristup izvornom kodu.

Demo | Preuzmi

A-klizač

Demo | Preuzmi

HiSlider – HTML5, jQuery i WordPress klizač slika

HiSlider je predstavio novi besplatni jQuery klizač s kojim možete kreirati razne galerije slika sa fantastičnim prijelazima:

• Adaptive slider;
• Ne zahtijeva znanje programiranja;
• Nekoliko nevjerovatnih šablona i skinova;
• Prekrasni efekti tranzicije;
• Podrška za različite platforme;
• Kompatibilan sa WordPress, Joomla, Drupal;
• Mogućnost prikaza različitih vrsta sadržaja: slike, YouTube video i Vimeo video zapisi;
• Fleksibilno podešavanje;
• Korisne dodatne funkcije;
• Neograničena količina prikazanog sadržaja.

Demo |Download

Wow Slider

WOW Slider je brzi jQuery klizač slika sa nevjerovatnim vizuelnim efektima ( domino, rotiraj, zamuti, preokreni i bljeskaj, izleti, roletne) i profesionalni šabloni.

WOW Slider dolazi sa čarobnjakom za instalaciju koji vam omogućava da kreirate fantastične klizače za nekoliko sekundi bez potrebe za razumijevanjem koda ili uređivanjem slika. Verzije dodatka za Joomla i WordPress su također dostupne za preuzimanje:

• Potpuno odgovara;
• Podržava sve pretraživače i sve vrste uređaja;
• Podrška za uređaje na dodir;
• Jednostavna instalacija na WordPress;
• Fleksibilnost u konfiguraciji;
• SEO optimiziran.

Demo |Download

Nivo Slider – besplatni jQuery dodatak

Nivo Slider je poznat u cijelom svijetu kao najljepši i najjednostavniji klizač slika. Dodatak Nivo Slider je besplatan i objavljen pod MIT licencom:

• Zahtijeva JQuery 1.7 i noviji;
• Prekrasni efekti tranzicije;
• Jednostavan i fleksibilan za konfiguraciju;
• Kompaktan i prilagodljiv;
• Open source;
• Snažan i jednostavan;
• Nekoliko različitih šablona;
• Automatsko izrezivanje slike.

Demo |Download

Jednostavan jQuery klizač sa tehničkom dokumentacijom

Ideja je inspirirana Appleovim klizačima, u kojima nekoliko malih elemenata može izletjeti s različitim efektima animacije. Programeri su pokušali implementirati ovaj koncept, uzimajući u obzir minimalne zahtjeve za kreiranje jednostavnog dizajna online trgovine, u kojem "leteći" elementi predstavljaju različite kategorije:

• Adaptive layout;
• Minimalistički dizajn;
• Različiti efekti ispuštanja i promjene slajdova.

Demo |Download

Klizač za jQuery slike pune veličine

Vrlo jednostavan klizač koji zauzima 100% širine stranice i prilagođava se veličini ekrana mobilnih uređaja. Radi sa CSS prijelazima, a slike se "slažu" zajedno sa sidrima. Sidro se može zamijeniti ili ukloniti ako ne želite priložiti link na sliku.

Kada se instalira, klizač se širi na 100% širine ekrana. Također može automatski smanjiti veličinu slika slajdova:

• Prilagodljivi JQuery klizač;
• puna veličina;
• Minimalistički dizajn.

Demo |Download

Klizač elastičnog sadržaja + vodič

Elastic Content Slider automatski prilagođava širinu i visinu na osnovu dimenzija nadređenog elementa. Ovo je jednostavan jQuery klizač. Sastoji se od područja slajdova na vrhu i trake za navigaciju na dnu. Klizač prilagođava svoju širinu i visinu prema dimenzijama roditeljskog kontejnera.

Kada se gledaju na ekranima male dijagonale, navigacijske kartice se pretvaraju u male ikone:

• Adaptive design;
• Pomicanje klikom miša.

Demo |Download

Besplatni 3D stack klizač

Eksperimentalni klizač koji se kreće kroz slike u 3D. Dva snopa liče na hrpe papira, s kojih se, kada se pomiče, slike prikazuju u sredini klizača:

• Adaptive design;
• Flip - prijelaz;
• 3D efekti.

Demo |Download

Slit Slider za cijeli ekran zasnovan na JQuery i CSS3 + tutorijal

Ovaj vodič će vam pokazati kako da kreirate klizač sa zaokretom: ideja je da se "iseče" i prikaže trenutni slajd dok otvarate sledeću ili prethodnu sliku. Koristeći JQuery i CSS animaciju, možemo kreirati jedinstvene efekte prijelaza:

• Adaptive design;
• Split tranzicija;
• Klizač preko celog ekrana.

Demo |Download

Unislider - vrlo mali jQuery klizač

Bez nepotrebnih zvona i zviždaljki, veličine manje od 3KB. Koristite bilo koji HTML kod za svoje slajdove, proširite ga pomoću CSS-a. Sve što se odnosi na Unslider se nalazi na GitHubu:

• Podrška za različite pretraživače;
• Podrška za tipkovnicu;
• Podešavanje visine;
• Adaptive design;
• Podrška za unos dodirom.

Demo | Preuzmi

Minimalni responzivni slajdovi

Jednostavan i kompaktan dodatak ( veličina je samo 1 KB), koji kreira responzivni klizač koristeći elemente unutar kontejnera. ResponsiveSLides.js radi sa širokim spektrom pretraživača, uključujući sve verzije IE od IE6 i novijih:

• Potpuno odgovara;
• Veličina 1 KB;
• CSS3 tranzicije sa mogućnošću pokretanja putem JavaScripta;
• Jednostavno označavanje pomoću lista sa nabrajanjem;
• Mogućnost prilagođavanja efekata prijelaza i trajanja pregleda jednog slajda;
• Podržava mogućnost kreiranja više dijaprojekcija;
• Automatsko i ručno pomicanje.

Demo |Download

Kamera - besplatni jQuery klizač

Kamera je dodatak s mnogo prijelaznih efekata i prilagodljivim izgledom. Jednostavan za postavljanje, podržan od strane mobilnih uređaja:

• Potpuno prilagodljiv dizajn;
• potpisi;
• Mogućnost dodavanja video zapisa;
• 33 različite ikone u boji.

Demo |Download

SlidesJS, responzivni jQuery dodatak

SlidesJS je responzivni dodatak za JQuery (1.7.1 i noviji) s podrškom za uređaje osjetljive na dodir i CSS3 prijelaze. Eksperimentirajte s tim, isprobajte nekoliko gotovih primjera koji će vam pomoći da shvatite kako dodati SlidesJS svom projektu:

• Adaptive design;
• CSS3 prijelazi;
• Podrška za uređaje na dodir;
• Jednostavan za postavljanje.

Demo | Preuzmi

BX Jquery klizač

Ovo je besplatni jQuery klizač:

• Potpuno odzivan - prilagođava se svakom uređaju;
• Horizontalna, vertikalna promjena klizača;
• Slajdovi mogu sadržavati slike, video zapise ili HTML sadržaj;
• Proširena podrška za uređaje na dodir;
• Korištenje CSS prijelaza za animaciju slajdova ( hardversko ubrzanje);
• Callback API i potpuno javne metode;
• Mala veličina datoteke;
• Jednostavan za implementaciju.

Demo |Download

FlexSlider 2

Najbolji responzivni klizač. Nova verzija je poboljšana kako bi se povećala brzina i kompaktnost.

Demo | Preuzmi

Galleria - JavaScript-bazirana responzivna foto galerija

Galleria se koristi na milionima web stranica za kreiranje visokokvalitetnih galerija slika. Broj pozitivnih kritika o njenom radu jednostavno je van ljestvice:

• Potpuno besplatno;
• Način gledanja preko cijelog ekrana;
• 100% prilagodljiv;
• Nije potrebno iskustvo u programiranju;
• Podrška za iPhone, iPad i druge uređaje osjetljive na dodir;
• Flickr, Vimeo, YouTube i još mnogo toga;
• Nekoliko tema.

Demo | Preuzmi

Blueberry - jednostavan jQuery klizač za sliku sa brzim odzivom

Predstavljam vam jQuery klizač slika napisan posebno za responsive web dizajn. Blueberry je eksperimentalni open source dodatak za klizač slika koji je napisan posebno za rad s responzivnim predlošcima.

Recite mi, molim vas, da li je moguće napraviti klizač za pozadinu koristeći slick slider?
Google ne pomaže (dokumentacija kaže da slike moraju biti smještene u div blok. Ali šta je sa pozadinskim slikama?

@charset utf-8; html,tijelo,div,span,aplet,objekat,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,akronim,adresa,veliki,citirati,šifra,del,dfn, em,font,img,ins,kbd,q,s,samp,mali, štrajk,jaki,sub,sup,tt,var,b,u,i,centar,dl,dt,dd,ol,ul,li, skup polja,forma,oznaka, legenda,tabela,naslov,tbody,tfoot,thead,tr,th,td(pozadina: nema ponavljanje skrolovanja 0 0 transparentno; granica: 0 nema; veličina fonta: 100%; okvir: 0 nema; vertikalno-poravnanje: osnovna linija; margina: 0; padding: 0;)tabela (border-collapse: kolaps; razmak obruba: 0;) adresa,članak,sa strane,platno,detalji,figcaption,figura,podnožje,zaglavlje,hgroup, nav, sekcija, sažetak(prikaz: blok;) * ( -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing: border-box ) a, a:hover, button, button:hover, .anime ( -moz-transition:svih 200ms linearno; -ms-transition:svih 200ms linearno; -o-transition:svih 200ms linearno; -webkit-; prijelaz: svih 200 ms linearno: svih 200 ms kursor: pokazivač) .F_COL_C-START_I-CENTER (prikaz: flex; flex-flow: column nowrap; 12vw;

Mi smo sjajna kreativna agencija

---

Ovo je Photoshopova verzija Lorem Ipsum-a. ipsum velit.

Saznajte više

1. Odličan jQuery Slideshow

Velika, spektakularna dijaprojekcija koja koristi jQuery tehnologije.

2. jQuery dodatak “Scale Carousel”

Skalabilna dijaprojekcija koristeći jQuery. Možete podesiti veličine projekcije slajdova koje vam najviše odgovaraju.

3. jQuery dodatak “slideJS”

Klizač slike sa tekstualnim opisom.

4. Dodatak “JSliderNews”

5. CSS3 jQuery klizač

Kada zadržite pokazivač iznad strelica za navigaciju, pojavljuje se kružna sličica sljedećeg slajda.

6. Lijep jQuery klizač “Prezentacijski ciklus”.

jQuery klizač sa indikatorom učitavanja slike. Omogućena je automatska izmjena klizača.

7. jQuery dodatak “Parallax Slider”

Klizač sa volumetrijskim efektom pozadine. Vrhunac ovog klizača je kretanje pozadine, koja se sastoji od nekoliko slojeva, od kojih se svaki pomiče različitom brzinom. Rezultat je imitacija volumetrijskog efekta. Izgleda veoma lepo, vidite i sami. Efekat se lakše prikazuje u pretraživačima kao što su Opera, Google Chrome, IE.

8. Svježi, lagani jQuery klizač “bxSlider 3.0”

Na demo stranici u odjeljku “primjeri” možete pronaći linkove za sve moguće upotrebe ovog dodatka.

9. jQuery klizač slike, “slideJS” dodatak

Elegantan jQuery klizač sigurno može ukrasiti vaš projekat.

10. jQuery dodatak za slideshow “Easy Slides” v1.1

Jednostavan za korištenje jQuery dodatak za kreiranje slajdova.

11. jQuery Slidy dodatak

Lagani jQuery dodatak u različitim verzijama. Omogućena je automatska izmjena klizača.

12. jQuery CSS galerija sa automatskom promjenom slajdova

Ako posjetitelj ne klikne na strelice “Naprijed” ili “Nazad” unutar određenog vremena, galerija će početi automatski da se kreće.

13. jQuery klizač “Nivo klizač”

Vrlo profesionalan, kvalitetan, lagan dodatak sa važećim kodom. Na raspolaganju je mnogo različitih efekata prijelaza slajdova.

14. jQuery klizač “MobilySlider”

Svježi klizač. jQuery klizač sa raznim efektima za promjenu slike.

15. jQuery dodatak “Slider²”

Lagani klizač sa automatskim izmjenjivačem klizača.

16. Svježi javascript klizač

Klizač sa automatskom promjenom slike.

Dodatak za implementaciju projekcije slajdova sa automatskom izmjenom slajdova. Moguće je kontrolisati prikaz pomoću sličica slika.

jQuery CSS klizač slike pomoću dodatka NivoSlider.

19. jQuery klizač “jShowOff”

Dodatak za rotaciju sadržaja. Tri opcije za korištenje: bez navigacije (sa automatskom promjenom formata slajd šoua), sa navigacijom u obliku dugmadi, sa navigacijom u obliku sličica slika.

20. Dodatak za portfolio efekata zatvarača

Svježi jQuery dodatak za dizajniranje portfelja fotografa. Galerija ima zanimljiv efekat mijenjanja slika. Fotografije prate jedna drugu sa efektom sličnim radu zatvarača objektiva.

21. Lagani javascript CSS klizač “TinySlider 2”

Implementacija klizača slike koristeći javascript i CSS.

22. Sjajan klizač “Tinycircleslider”

Moderan okrugli klizač. Prijelaz između slika se vrši povlačenjem klizača u obliku crvenog kruga po obodu. Savršeno će se uklopiti u vašu web stranicu ako u dizajnu koristite okrugle elemente.

23. Klizač slike sa jQuery

Lagani klizač “Slider Kit”. Klizač je dostupan u različitim izvedbama: okomitom i horizontalnom. Implementirane su i različite vrste navigacije između slika: korištenjem tipki “Naprijed” i “Nazad”, pomoću kotačića miša, klikom miša na slajd.

24. Galerija sa minijaturama “Slider Kit”

Galerija "Slider Kit". Pomicanje sličica vrši se i okomito i horizontalno. Prijelaz između slika vrši se pomoću: kotačića miša, klika miša ili prelaska kursora preko sličice.

25. jQuery klizač sadržaja “Slider Kit”

Vertikalni i horizontalni klizač sadržaja koristeći jQuery.

26. jQuery slideshow “Slider Kit”

Slideshow sa automatskom promjenom slajdova.

27. Lagani profesionalni javascript CSS3 klizač

Uredan jQuery i CSS3 klizač kreiran 2011.

jQuery dijaprojekcija sa sličicama.

29. Jednostavna jQuery prezentacija

Slideshow sa navigacijskim gumbima.

30. Sjajan jQuery “Skitter” dijaprojekcija

jQuery Skitter dodatak za kreiranje zadivljujućih dijaprojekcija. Dodatak podržava 22 (!) vrste različitih efekata animacije pri promeni slika. Može raditi s dvije opcije navigacije slajdovima: korištenjem brojeva slajdova i korištenjem sličica. Obavezno pogledajte demo, vrlo kvalitetan nalaz. Korišćene tehnologije: CSS, HTML, jQuery, PHP.

31. Slideshow “Neugodno”

Funkcionalna dijaprojekcija. Slajdovi mogu biti: jednostavne slike, slike sa natpisima, slike sa opisima, video zapisi. Za navigaciju možete koristiti strelice, veze sa brojevima slajdova i tipke lijevo/desno na tastaturi. Slide show dolazi u nekoliko verzija: sa i bez sličica. Da vidite sve opcije, pratite linkove Demo #1 - Demo #6 koji se nalaze na vrhu demo stranice.

Vrlo originalan dizajn za klizač slike, koji podsjeća na ventilator. Animirani prijelaz slajdova. Navigacija između slika se vrši pomoću strelica. Tu je i automatski pomak koji se može uključiti i isključiti pomoću tipke Play/Pause koja se nalazi na vrhu.

Animirani jQuery klizač. Pozadinske slike se automatski mijenjaju kada se promijeni veličina prozora pretraživača. Za svaku sliku pojavljuje se blok s opisom.

34. Klizač “Flux Slider” koristeći jQuery i CSS3

Novi jQuery klizač. Nekoliko cool animiranih efekata prilikom mijenjanja slajdova.

35. jQuery dodatak “jSwitch”

Animirana jQuery galerija.

Lagani jQuery projekcija slajdova sa automatskom promjenom slajdova.

37. Nova verzija dodatka “SlideDeck 1.2.2”

Profesionalni klizač sadržaja. Postoje opcije sa automatskom promjenom slajdova, kao i opcija pomoću kotačića miša za kretanje između slajdova.

38. jQuery klizač “Sudo klizač”

Lagani klizač slika koristeći jQuery. Postoji mnogo opcija implementacije: horizontalna i vertikalna promena slika, sa i bez linkova na broj slajda, sa i bez natpisa slika, razni efekti promene slika. Postoji funkcija automatske promjene klizača. Linkovi za sve primjere implementacije mogu se naći na demo stranici.

39. jQuery CSS3 dijaprojekcija

Slideshow sa sličicama podržava režim automatskog mijenjanja slajdova.

40. jQuery klizač “Flux Slider”

Klizač sa mnogo efekata promene slike.

41. Jednostavan jQuery klizač

Elegantan klizač slika koristeći jQuery.