Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Vlerësime
  • Rrëshqitësi jquery është i përgjegjshëm. Rrëshqitësi i përgjegjshëm JQuery

Rrëshqitësi jquery është i përgjegjshëm. Rrëshqitësi i përgjegjshëm JQuery

1. Slideshow i shkëlqyer jQuery

Një rrëshqitje e madhe efektive duke përdorur teknologjitë jQuery.

2. Shtojca jQuery "Scale Carousel"

Slideshow i shkallëzuar duke përdorur jQuery. Ju do të jeni në gjendje të vendosni dimensionet për shfaqjen e rrëshqitjes që ju përshtaten më mirë.

3. Shtojca jQuery "slideJS"

Rrëshqitësi i imazhit me përshkrim teksti.

4. Shtojca "JSliderNews"

5. Rrëshqitësi CSS3 jQuery

Kur rri pezull mbi shigjetat e navigimit, shfaqet një miniaturë rrethore e rrëshqitjes tjetër.

6. Rrëshqitësi i bukur i jQuery "Cikli i prezantimit".

Rrëshqitësi jQuery me tregues të ngarkimit të imazhit. Ka një ndryshim automatik të rrëshqitjeve.

7. Shtojca jQuery "Parallax Slider"

Rrëshqitës me efekt sfondi 3D. Pika kryesore e këtij rrëshqitësi është lëvizja e sfondit, e cila përbëhet nga disa shtresa, secila prej të cilave lëviz me një shpejtësi të ndryshme. Rezultati është një imitim i efektit vëllimor. Duket shumë bukur, mund ta shihni vetë. Efekti shfaqet më mirë në shfletues të tillë si: Opera, Google Chrome, IE.

8. Rrëshqitësi i freskët dhe i lehtë jQuery "bxSlider 3.0"

Në faqen demo, në seksionin "shembuj", mund të gjeni lidhje me të gjitha rastet e mundshme të përdorimit të kësaj shtojce.

9.jQuery Image Slider, Plugin "slideJS".

Rrëshqitësi elegant jQuery me siguri do të jetë në gjendje të dekoroj projektin tuaj.

10. Slideshow plug-in jQuery "Easy Slides" v1.1

Shtojca jQuery e lehtë për t'u përdorur për krijimin e shfaqjeve rrëshqitëse.

11. Shtojca "jQuery Slidy"

Shtojcë e lehtë jQuery në dizajne të ndryshme. Ka një ndryshim automatik të rrëshqitjeve.

12.jQuery galeri CSS me ndërrues rrëshqitës automatik

Nëse vizitori nuk klikon mbi shigjetat "Përpara" ose "Prapa" brenda një periudhe të caktuar kohore, galeria do të fillojë të lëvizë automatikisht.

13. jQuery Nivo Slider

Shtojcë shumë profesionale e lehtë me cilësi të lartë me kod të vlefshëm. Ka shumë efekte të ndryshme të tranzicionit të rrëshqitjes.

14. Rrëshqitësi "MobilySlider" i jQuery

Rrëshqitës i freskët. Rrëshqitësi jQuery me efekte të ndryshme të ndryshimit të imazhit.

15. Shtojca jQuery Slider²

Rrëshqitës i lehtë me ndryshim automatik të rrëshqitjes.

16. Rrëshqitësi i freskët i javascript

Rrëshqitësi me ndryshim automatik të imazhit.

Plugin për zbatimin e shfaqjes së rrëshqitjes me ndryshim automatik të diapozitivëve. Është e mundur të kontrolloni ekranin duke përdorur imazhe miniaturë.

Rrëshqitësi i imazhit jQuery CSS duke përdorur shtojcën NivoSlider.

19. Rrëshqitësi "jShowOff" i jQuery

Plugin për rrotullimin e përmbajtjes. Tre raste përdorimi: pa navigim (me ndryshim automatik në formatin e paraqitjes së rrëshqitjes), me navigim në formën e butonave, me navigim në formën e miniaturës.

20. Plugin "Shutter Effect Portfolio"

Shtojca e freskët jQuery për portofolet e fotografisë. Galeria ka një efekt interesant të ndryshimit të imazheve. Fotografitë ndjekin njëra-tjetrën me një efekt të ngjashëm me funksionimin e një kapaku të lenteve.

21. Rrëshqitësi i lehtë javascript CSS "TinySlider 2"

Zbatimi i një rrëshqitësi imazhi duke përdorur javascript dhe CSS.

22. Rrëshqitësi i mrekullueshëm "Tinycircleslider"

Rrëshqitës i rrumbullakët elegant. Kalimi midis imazheve kryhet duke zvarritur perimetrin e rrëshqitësit në formën e një rrethi të kuq. Do të përshtatet në mënyrë të përkryer në faqen tuaj nëse përdorni elementë të rrumbullakët në dizajnin tuaj.

23. Rrëshqitësi i imazhit jQuery

Komplet rrëshqitës i lehtë. Rrëshqitësi paraqitet në versione të ndryshme: vertikale dhe horizontale. Gjithashtu, zbatohen lloje të ndryshme navigimi midis imazheve: duke përdorur butonat "Përpara" dhe "Prapa", duke përdorur timonin e miut, duke përdorur një klikim të mausit në një rrëshqitje.

24. Galeria me miniaturë "Slider Kit"

Galeria "Slider Kit". Lëvizja e miniaturave kryhet si vertikalisht ashtu edhe horizontalisht. Kalimi midis imazheve kryhet duke përdorur: rrotën e miut, klikimin e miut ose pezullimin mbi miniaturë.

25. jQuery Slider Kit Rrëshqitësi i përmbajtjes

Rrëshqitësi i përmbajtjes vertikale dhe horizontale JQuery.

26. jQuery Slider Kit Slideshow

Slideshow me ndryshim automatik të rrëshqitjes.

27. Rrëshqitës i lehtë profesional javascript CSS3

Një rrëshqitës i pastër jQuery dhe CSS3 i krijuar në 2011.

Slideshow i miniaturës jQuery.

29. Një slideshow i thjeshtë jQuery

Slideshow me butona navigimi.

30. Slideshow i mrekullueshëm i jQuery "Skitter".

Shtojca jQuery "Skitter" për krijimin e rrëshqitjeve mahnitëse. Shtojca mbështet 22 (!) Lloje efektesh të ndryshme animacioni kur ndryshoni imazhe. Mund të funksionojë me dy opsione të navigimit të rrëshqitjeve: numrat e rrëshqitjeve dhe miniaturat. Sigurohuni që të shikoni demonstrimin, një gjetje me cilësi shumë të lartë. Teknologjitë e përdorura: CSS, HTML, jQuery, PHP.

31. Slideshow "Awkward"

Slideshow funksional. Në formë sllajdesh mund të jenë: imazhe të thjeshta, imazhe me diçitura, imazhe me këshilla veglash, videoklipe. Mund të lundroni duke përdorur shigjetat, lidhjet e numrave të rrëshqitjes dhe tastet majtas/djathtas në tastierën tuaj. Slideshow është bërë në disa versione: me dhe pa miniaturë. Për të parë të gjitha opsionet, ndiqni lidhjet Demo # 1 - Demo # 6 që ndodhen në krye të faqes demo.

Dizajn shumë origjinal i rrëshqitësit të imazhit, që të kujton një tifoz. Ndryshimi i animuar i rrëshqitjes. Lundrimi midis imazheve kryhet duke përdorur shigjeta. Ekziston gjithashtu një ndërrim automatik, i cili mund të aktivizohet dhe çaktivizohet duke përdorur butonin Play / Pause që ndodhet në krye.

Rrëshqitësi i animuar jQuery. Imazhet e sfondit shkallëzohen automatikisht kur dritarja e shfletuesit ndryshohet. Një bllok me një përshkrim shfaqet për çdo imazh.

34. Rrëshqitësi "Flux Slider" në jQuery dhe CSS3

Rrëshqitësi i ri jQuery. Disa efekte të bukura të animuara kur ndryshoni rrëshqitjet.

35. Shtojca jQuery jSwitch

Galeria e animuar jQuery.

Slideshow i lehtë në jQuery me ndryshim automatik të rrëshqitjes.

37. Versioni i ri i shtojcës "SlideDeck 1.2.2"

Rrëshqitësi i përmbajtjes profesionale. Ka opsione me ndryshim automatik të rrëshqitjes, si dhe një opsion që përdor rrotën e miut për të lëvizur midis rrëshqitjeve.

38. jQuery Sudo Slider

Rrëshqitësi i lehtë i imazhit në jQuery. Ka shumë opsione zbatimi: ndryshimi horizontal dhe vertikal i imazhit, me dhe pa referenca në numrin e rrëshqitjes, me dhe pa titrat e imazhit, efekte të ndryshme të ndryshimit të imazhit. Ekziston një funksion automatik i ndryshimit të rrëshqitjes. Lidhjet me të gjithë shembujt e zbatimit mund të gjenden në faqen demo.

39. jQuery CSS3 Slideshow

Slideshow i miniaturës mbështet modalitetin automatik të ndryshimit të rrëshqitjes.

40. jQuery Flux Slider

Rrëshqitës me shumë efekte për ndryshimin e imazheve.

41. Rrëshqitësi i thjeshtë jQuery

Rrëshqitësi elegant i imazhit jQuery.

Koha nuk qëndron dhe bashkë me të edhe progresi. Kjo ndikoi gjithashtu në pafundësinë e internetit. Ju tashmë mund të shihni se si pamja e faqeve po ndryshon dhe dizajni i përgjegjshëm është veçanërisht i popullarizuar. Në këtë drejtim, përshtatës rrëshqitësit e faqeve janë bërë shumë të njohura dhe të rëndësishme. Ka mjaft të reja rrëshqitës të përgjegjshëm jquery, galeri dhe karusele.

Nëse dëshironi të instaloni universale rrëshqitës ose karuseli në faqen tuaj të internetit ku mund të shkoni

Rrëshqitës për sitin

1. Rrëshqitësi i përgjegjshëm i postimeve horizontale

Karuseli horizontal adaptiv me udhëzime të hollësishme instalimi. Është bërë në një stil të thjeshtë, por ju mund ta stiloni sipas dëshirës.

2. Rrëshqitësi në Glide.js

Ky rrëshqitës është i përshtatshëm për çdo faqe. Ai përdor Glide.js me kod të hapur. Ngjyrat e rrëshqitësit mund të ndryshohen lehtësisht.

Rrëshqitës të përgjegjshëm për një faqe interneti me përmbajtje. Pika kryesore e këtij rrëshqitësi është efekti 3d i imazheve, si dhe animacione të ndryshme të paraqitjes në mënyrë të rastësishme.

4. Rrëshqitës duke përdorur kanavacën HTML5

Rrëshqitës shumë i bukur dhe mbresëlënës me grimca ndërvepruese. Ai ekzekutohet duke përdorur kanavacën HTML5,

5. Rrëshqitësi "Morphing images"

Rrëshqitës me efekt morf. Në këtë shembull, rrëshqitësi funksionon mirë për portofolin e një zhvilluesi të uebit ose një studio në internet si portofol.

6. Rrëshqitës rrethor

Një rrëshqitës në formën e një rrethi me një efekt rrokullisje imazhi.

7. Rrëshqitësi i sfondit të turbullt

Rrëshqitësi përshtatës me ndryshimin dhe turbullimin e sfondit.

8. Rrëshqitës modës përshtatës

Rrëshqitësi i thjeshtë, i lehtë dhe i përgjegjshëm i faqes në internet.

9. Slicebox - rrëshqitës i imazhit 3D jQuery(I PËRDITËSUAR)

Një version i përditësuar i Slicebox rrëshqitës me rregullime dhe veçori të reja.

Një shtojcë jQuery për krijimin e një rrjeti fleksibël imazhi që do të ndërrojë fotot duke përdorur animacione dhe orare të ndryshme.

Rrëshqitësit për sitin pjesa e dytë.

11. Flexslider

Shtojcë universale falas për faqen tuaj të internetit. Kjo shtojcë vjen me disa opsione rrëshqitës dhe karusele.

12. Kornizë fotografie

FotoramaËshtë një shtojcë e gjithanshme. Ka shumë cilësime. Gjithçka funksionon shpejt dhe lehtë, dhe ekziston gjithashtu mundësia për të parë rrëshqitjet në ekran të plotë. Rrëshqitësi mund të përdoret si në madhësi fikse ashtu edhe në përgjegjshmëri, me ose pa miniatura, me ose pa lëvizje rrethore dhe shumë më tepër. Bazuar në kornizën e fotografive, mund të krijoni rrëshqitës adaptues interesantë për sitin.

P.S.E vendosa rrëshqitësin disa herë dhe mendoj se është një nga më të mirët

13. Rrëshqitësi falas dhe i përgjegjshëm i galerisë 3D me miniaturë.

Rrëshqitësi i galerisë eksperimentale 3DPanelLayout me rrjetë dhe efekte interesante animacioni.

14. Rrëshqitësi në css3

Rrëshqitësi i përgjegjshëm është bërë në css3 me rrjedhje të qetë të përmbajtjes dhe animacion të lehtë.

Është një rrëshqitës imazhi me pamje dhe animacione të mahnitshme.

17. Elastike

Rrëshqitës elastik plotësisht i përgjegjshëm me miniaturë rrëshqitëse.

18. Çarje

Është një rrëshqitës i përgjegjshëm me ekran të plotë duke përdorur animacion css3. Rrëshqitësi është bërë në dy versione dhe animacioni është bërë mjaft i pazakontë.

19.Galeria e fotove adaptive plus

Një galeri e thjeshtë rrëshqitës pa pagesë me imazhe të ngarkuara.

20. Rrëshqitësi i përgjegjshëm për WordPress

Rrëshqitësi i përgjegjshëm dhe falas për WP.

21. Rrëshqitësi i përmbajtjes paralaks

Rrëshqitës me efekt paralaks dhe kontroll të çdo elementi me CSS3.

22. Rrëshqitës me muzikë lidhëse

Rrëshqitës me duke përdorur JPlayer me kod të hapur. Ky rrëshqitës i ngjan një prezantimi me muzikë.

Rrëshqitësit për sitin pjesa e tretë.

23. Rrëshqitës me jmpress.js

Rrëshqitësi i përgjegjshëm bazohet në jmpress.js dhe për këtë arsye do të lejojë disa efekte të lezetshme 3D në rrëshqitje.

24. Shfaqja e shpejtë e rrëshqitjes me rrëshqitje

Slide show me ndërrim të shpejtë të diapozitivëve. Rrëshqitjet aktivizojnë pezullimin.

Fizarmonikë e imazheve duke përdorur css3.

Është një galeri reaguese që është e optimizuar për pajisjet me prekje.

29.Image Montage me jQuery

Pozicionimi automatik i imazheve bazuar në gjerësinë e ekranit. Një gjë shumë e dobishme dhe interesante kur krijoni një faqe portofoli.

33. Foto-kartë me shumë nivele.

Është një hartë me shtresa - një galeri imazhesh ju lejon të shfaqni imazhe që lidhen me vendndodhjen e tyre. Ai bazohet në google maps. Ana e djathtë tregon një imazh miniaturë që mund të shihet në kutinë e dritës duke klikuar mbi të.

34. Galeria me ekran të plotë me miniaturë

Rrëshqitësi i përgjegjshëm i galerisë me miniaturë dhe përshkrim të rrëshqitjes.

Rrëshqitësit për faqen përditësohen vazhdimisht dhe numri i tyre po rritet çdo ditë e më shumë. Nëse keni rrëshqitësit tuaj të preferuar ose ndoshta nuk e keni gjetur atë që po kërkoni, atëherë shkruani në komente dhe unë do të përpiqem t'ju ndihmoj.

4 nëntor 2019 Hyrja është përditësuar

Yuri Nemets

Rrëshqitës të pastër CSS + rrëshqitës bonusesh

Rrëshqitësit CSS kanë disa përparësi ndaj rrëshqitësve Javascript. Një avantazh i tillë është shpejtësia e shkarkimit. Jo vetëm që imazhet për rrëshqitës përdoren në madhësi të mëdha (nëse nuk ka optimizim për ekrane të ndryshme), por gjithashtu shpenzohet pak kohë për ngarkimin e skripteve. Por në artikull do të shihni vetëm rrëshqitës të pastër CSS.

Ja çfarë gjeta në sit rreth rrëshqitësve:

1.Rrëshqitësi i imazhit Css3

Një rrëshqitës CSS që përdor butonat e radios për të lundruar nëpër rrëshqitje. Këta butona radio janë të vendosur nën rrëshqitës. Gjithashtu, përveç butonave të radios, lundrimi kryhet duke përdorur shigjetat majtas dhe djathtas. Për të mbajtur gjurmët se cili imazh shfaqet aktualisht, përdoren pseudo-klasat e kontrolluara.

2.Rrëshqitësi i imazhit të miniaturës Css3

Ndryshe nga rrëshqitësi i mëparshëm CSS, këtu, në vend të butonave të radios, ka miniaturë të të gjitha imazheve në fund, gjë që është gjithashtu e dobishme kur krijoni një galeri imazhesh. Imazhet ndryshojnë me një efekt të veçantë: ato zhduken pa probleme kur zmadhohen.

3. Galeria CSS

Por ky rrëshqitës CSS është i përsosur për faqet e shitjeve. Si rregull, kur zhvilloni faqet e uljes (shitja e faqeve), shumë zhvillues të uebit vendosin një rrëshqitës që në fillim, në mënyrë që në ekranin e parë (pa lëvizur) vizitori të mund të shohë menjëherë të gjitha përfitimet që janë për të në këtë faqe. Mbi të gjitha, ky rrëshqitës është i përgjegjshëm, gjë që është gjithashtu e shkëlqyeshme.

4. Rrëshqitësi CSS pa lidhje

Vetëm dua të theksoj se ky rrëshqitës nuk përdor lidhje! Si parazgjedhje, përveç imazhit kryesor (rrëshqitës), janë të dukshme edhe 2 rrëshqitje të tjera. Ato janë të vendosura prapa kryesorit. Ndryshimi i rrëshqitjeve bëhet në një modalitet të bukur: së pari, dy rrëshqitje largohen dhe rrëshqitja bëhet në qendër, e cila më pas bëhet kryesore. Më pas, rrëshqitja zmadhohet dhe vendoset përpara të tjerëve.

5. Rrëshqitësi i përgjegjshëm në CSS3

Një tjetër rrëshqitës i përgjegjshëm me kontrolle të butonave të radios. Për të parë se si do të duket ky rrëshqitës në pajisje të ndryshme - ose mund ta ndryshoni vetë dritaren e shfletuesit, ose në faqen me rrëshqitës ka ikona speciale për pajisje të ndryshme, duke klikuar mbi të cilat do të shihni se rrëshqitësi do të duket në kompjuterin tuaj, tabletë ose smartphone.

*** BONUS SLIDER ***

Përveç të gjithë rrëshqitësve që janë paraqitur më lart, dua t'ju kënaq me një tjetër. Ky rrëshqitës është i përsosur për krijimin e një galerie imazhesh. Fjalët nuk mund ta shpjegojnë atë që ai bën, kështu që më mirë shikoni gjithçka në video:

konkluzioni

Me ndihmën e rrëshqitësve, mund të dizajnoni bukur galeritë e imazheve, duke i vendosur ato në mënyrë më kompakte, të futni një rrëshqitës në ekranin e parë (pjesën e faqes që shihet pa lëvizur) të faqes së shitjes për t'i treguar menjëherë vizitorit përfitimet kryesore që ai do të marrë. Ju ende mund të gjeni shumë mënyra se ku dhe si mund të përdorni rrëshqitës, por një gjë është e qartë - ato janë të dobishme kur përdoren siç duhet.

Artikujt që u diskutuan në artikull.

Nëse keni nevojë të shtoni një rrëshqitës imazhi jQuery me cilësi të lartë në faqen tuaj, atëherë në këtë artikull do të gjeni një përshkrim të shtojcave të nevojshme. Ndërsa jQuery e ka bërë JavaScript shumë më të lehtë për t'u përdorur, ne ende kemi nevojë për shtojca për të përshpejtuar procesin e dizajnimit të uebit.

Ne mund të bëjmë ndryshime në disa prej këtyre shtojcave dhe të krijojmë rrëshqitës të rinj që janë shumë më në përputhje me objektivat e faqes sonë.

Për rrëshqitës të tjerë, ju vetëm duhet të shtoni tituj, imazhe dhe të zgjidhni efektet e tranzicionit të rrëshqitjes që vijnë me rrëshqitësin. Të gjitha këto shtojca janë të dokumentuara mirë, kështu që shtimi i efekteve ose veçorive të reja në to është i lehtë. Mund të ndryshoni edhe shkaktarët e bazuar në ngjarje nëse jeni një programues me përvojë jQuery.

Tendencat më të fundit si dizajni i përgjegjshëm janë shumë të rëndësishëm për projektet në ueb, pavarësisht nëse jeni duke zbatuar një shtojcë ose një skript. Të gjithë këta elementë e bëjnë secilën prej këtyre shtojcave shumë fleksibël. Gjithçka që doli në 2014 është përfshirë në këtë listë.

Rrëshqitësit e imazhit JQuery

Rrëshqitësi i përgjegjshëm Jssor

Kohët e fundit kam hasur në këtë rrëshqitës funksional jQuery dhe munda të shihja vetë se ai e bën punën e tij shumë mirë. Ai përmban mundësi të pafundme që mund të zgjerohen përmes kodit rrëshqitës me burim të hapur:

  • Dizajn adaptiv;
  • Më shumë se 15 opsione personalizimi;
  • Më shumë se 15 efekte të ndryshimit të imazhit;
  • Galeria e imazheve, karuselet, mbështetje për madhësinë e ekranit të plotë;
  • Rotator vertikal i banerit, lista e rrëshqitjeve;
  • Mbështetje për video.

Demo | Shkarko

PgwSlider është një rrëshqitës i përgjegjshëm i bazuar në JQuery / Zepto

Qëllimi i vetëm i kësaj shtojce është të shfaqë rrëshqitje të imazheve. Është shumë kompakt pasi skedarët jQuery janë vetëm 2.5 KB në madhësi, gjë që e bën me të vërtetë të shpejtë për t'u ngarkuar:

  • Struktura e përgjegjshme;
  • optimizimi i SEO;
  • Mbështetur nga shfletues të ndryshëm;
  • Tranzicione të thjeshta të imazhit;
  • Madhësia e arkivit është vetëm 2.5 KB.

Demo | Shkarko

Rrëshqitësi vertikal i lajmeve Jquery

Një rrëshqitës fleksibël dhe i dobishëm jQuery i krijuar për burimet e lajmeve me një listë postimesh në anën e majtë dhe një imazh në të djathtë:

  • Dizajn adaptiv;
  • Kolona vertikale për ndërrimin e lajmeve;
  • Titujt e zgjeruar.

Demo | Shkarko

Rrëshqitësi Wallop

Ky rrëshqitës nuk përmban JQuery, por dua ta prezantoj pasi është shumë kompakt dhe mund të zvogëlojë ndjeshëm kohën e ngarkimit të faqes. Më tregoni nëse ju pëlqen:

  • Struktura e përgjegjshme;
  • Dizajn i thjeshtë;
  • Opsione të ndryshme për ndryshimin e rrëshqitjeve;
  • Kodi minimal JavaScript;
  • Madhësia është vetëm 3 KB.

Demo | Shkarko

Galeria Polaroid e stilit të sheshtë

Një galeri në stilin e dokumenteve me një plan urbanistik fleksibël dhe një dizajn të bukur duhet të jetë me interes për shumë prej jush. Më i përshtatshëm për tableta dhe ekrane të mëdhenj:

  • Rrëshqitësi i përgjegjshëm;
  • Dizajn i sheshtë;
  • Ndryshimi i rastësishëm i sllajdeve;
  • Qasje e plotë në kodin burimor.

Demo | Shkarko

A-Rrëshqitës

Demo | Shkarko

HiSlider - HTML5, jQuery dhe rrëshqitës i imazheve të WordPress

HiSlider ka prezantuar një shtojcë të re pa pagesë jQuery rrëshqitës që ju lejon të krijoni një shumëllojshmëri të galerive të imazheve me tranzicione fantastike:

  • Rrëshqitësi i përgjegjshëm;
  • Nuk kërkohet njohuri programore;
  • Disa shabllone dhe lëkura të mrekullueshme;
  • Efektet e bukura të tranzicionit;
  • Mbështetje për platforma të ndryshme;
  • E përputhshme me WordPress, Joomla, Drupal;
  • Aftësia për të shfaqur përmbajtje të llojeve të ndryshme: imazhe, video në YouTube dhe video Vimeo;
  • Përshtatje fleksibël;
  • Funksione shtesë të dobishme;
  • Shfaqet përmbajtje e pakufizuar.

Demo | Shkarko

Wow rrëshqitës

WOW Slider është një rrëshqitës imazhi i përgjegjshëm jQuery me pamje të mahnitshme ( domino, rrotullim, turbullim, rrokullisje dhe ndezje, fluturim jashtë, blinds) dhe shabllone profesionale.

WOW Slider vjen me një magjistar instalimi që ju lejon të krijoni rrëshqitës fantastikë në sekonda pa pasur nevojë të kaloni kodin ose të modifikoni imazhet. Gjithashtu në dispozicion për shkarkim versionet e shtojcës për Joomla dhe WordPress:

  • Plotësisht i përgjegjshëm
  • Mbështetje për të gjithë shfletuesit dhe të gjitha llojet e pajisjeve;
  • Mbështetje për pajisjet me prekje;
  • Instalim i lehtë në WordPress;
  • Fleksibilitet në personalizim;
  • SEO-optimizuar.

Demo | Shkarko

Nivo Slider - Plugin falas jQuery

Nivo Slider njihet në të gjithë botën si rrëshqitësi më i bukur dhe më i lehtë për t'u përdorur i imazhit. Shtojca Nivo Slider është falas dhe lëshohet nën licencën MIT:

  • Kërkohet JQuery 1.7 ose më i lartë;
  • Efektet e bukura të tranzicionit;
  • E thjeshtë dhe fleksibël për t'u personalizuar;
  • Kompakt dhe i adaptueshëm;
  • Burim i hapur;
  • E fuqishme dhe e thjeshtë;
  • Disa shabllone të ndryshme;
  • Prerja automatike e imazhit.

Demo | Shkarko

Rrëshqitësi i thjeshtë jQuery me dokumentacion teknik

Ideja u frymëzua nga rrëshqitësit e Apple, në të cilët disa elementë të vegjël mund të fluturojnë me efekte të ndryshme animacioni. Zhvilluesit u përpoqën të zbatonin këtë koncept, duke marrë parasysh kërkesat minimale për krijimin e një dizajni të thjeshtë për një dyqan online, në të cilin elementët "fluturues" përfaqësojnë kategori të ndryshme:

  • Struktura e përgjegjshme;
  • Dizajn minimalist;
  • Efekte të ndryshme të rënies dhe ndryshimit të rrëshqitjeve.

Demo | Shkarko

Rrëshqitësi i imazhit jQuery me madhësi të plotë

Një rrëshqitës shumë i thjeshtë që zë 100% të gjerësisë së faqes dhe përshtatet me madhësinë e ekraneve të pajisjeve celulare. Ai funksionon me tranzicione CSS dhe imazhet janë "të grumbulluara" me ankorë. Spiranca mund të zëvendësohet ose hiqet nëse nuk dëshironi të lidhni një lidhje me imazhin.

Kur instalohet, rrëshqitësi zgjerohet në 100% të gjerësisë së ekranit. Gjithashtu mund të zvogëlojë automatikisht madhësinë e imazheve të rrëshqitjes:

  • Rrëshqitësi i përgjegjshëm jQuery;
  • Me madhësi të plotë;
  • Dizajn minimalist.

Demo | Shkarko

Elastic Content Slider + tutorial

Elastic Content Slider rregullon automatikisht gjerësinë dhe lartësinë bazuar në dimensionet e elementit prind. Ky është një rrëshqitës i thjeshtë jQuery. Ai përbëhet nga një zonë rrëshqitëse në krye dhe një shirit me skedë navigimi në fund. Rrëshqitësi rregullon gjerësinë dhe lartësinë e tij për t'iu përshtatur kontejnerit prind.

Kur shikohen në ekrane të vegjël diagonalisht, skedat e navigimit shndërrohen në ikona të vogla:

  • Dizajn adaptiv;
  • Lëvizja me klikim të mausit.

Demo | Shkarko

Rrëshqitës 3D Stack Falas

Një rrëshqitës eksperimental që shfleton imazhet në 3D. Dy rafte ngjajnë me pirgje letre, nga të cilat, kur lëvizni, imazhet shfaqen në qendër të rrëshqitësit:

  • Dizajn adaptiv;
  • Flip-tranzicioni;
  • efektet 3D.

Demo | Shkarko

Slider Slider me ekran të plotë mundësuar nga JQuery dhe CSS3 + tutorial

Ky tutorial do t'ju tregojë se si të krijoni një rrëshqitës me një kthesë: ideja është të prisni dhe shfaqni rrëshqitësin aktual ndërsa hapni imazhin tjetër ose të mëparshëm. Duke përdorur animacionin jQuery dhe CSS, ne mund të krijojmë efekte unike të tranzicionit:

  • Dizajn adaptiv;
  • Tranzicioni i ndarë;
  • Rrëshqitësi i ekranit të plotë.

Demo | Shkarko

Unislider është një rrëshqitës shumë i vogël jQuery

Nuk ka zile, bilbila dhe shënime të panevojshme, madhësia është më pak se 3 KB. Përdorni çdo HTML për rrëshqitjet tuaja, zgjeroni atë me CSS. Gjithçka që lidhet me Unslider është pritur në GitHub:

  • Mbështetje për shfletues të ndryshëm;
  • Mbështetje për tastierë;
  • Rregullimi i lartësisë;
  • Dizajn adaptiv;
  • Mbështetja e hyrjes me prekje.

Demo | Shkarko

Slides Minimal Responsive

Shtojcë e thjeshtë dhe kompakte ( madhësia është vetëm 1 Kb), i cili krijon një rrëshqitës të përgjegjshëm duke përdorur elementë brenda një kontejneri. ResponsiveSLides.js punon me një shumëllojshmëri të gjerë shfletuesish, duke përfshirë të gjitha versionet IE nga IE6 e lart:

  • Plotësisht i përgjegjshëm
  • Madhësia 1 KB;
  • Tranzicionet CSS3 me aftësinë për të ekzekutuar përmes JavaScript;
  • Shënim i thjeshtë duke përdorur një listë me pika
  • Aftësia për të personalizuar efektet e tranzicionit dhe kohëzgjatjen e shikimit të një rrëshqitjeje;
  • Mbështet aftësinë për të krijuar rrëshqitje të shumta;
  • Lëvizje automatike dhe manuale.

Demo | Shkarko

Kamera - rrëshqitës pa pagesë jQuery

Kamera është një shtojcë me shumë efekte tranzicioni, plan urbanistik të përgjegjshëm. Lehtë për t'u konfiguruar, e mbështetur nga pajisjet celulare:

  • Dizajn plotësisht i përgjegjshëm
  • Nënshkrimet;
  • Aftësia për të shtuar video;
  • 33 ikona me ngjyra të ndryshme.

Demo | Shkarko

SlidesJS, një shtojcë e përgjegjshme jQuery

SlidesJS është një shtesë e përgjegjshme jQuery (1.7.1 e lart) me mbështetje për tranzicionet me prekje dhe CSS3. Eksperimentoni me të, provoni disa shembuj të gatshëm për t'ju ndihmuar të kuptoni se si të shtoni SlidesJS në projektin tuaj:

  • Dizajn adaptiv;
  • tranzicionet CSS3;
  • Mbështetje për pajisjet me prekje;
  • Lehtë për tu vendosur.

Demo | Shkarko

BX Jquery Slider

Ky është një rrëshqitës pa pagesë i përgjegjshëm jQuery:

  • Plotësisht i përgjegjshëm - përshtatet me çdo pajisje;
  • Ndryshimi horizontal, vertikal i rrëshqitjeve;
  • Slides mund të përmbajnë imazhe, video ose përmbajtje HTML;
  • Mbështetje e zgjeruar për pajisjet me prekje;
  • Përdorimi i tranzicioneve CSS për animacionet e rrëshqitjes ( përshpejtimi i harduerit);
  • Callback API dhe metoda plotësisht publike;
  • Madhësia e vogël e skedarit;
  • Lehtë për t'u zbatuar.

Demo | Shkarko

FlexSlider 2

Rrëshqitësi më i mirë i përgjegjshëm. Versioni i ri është përmirësuar për të rritur shpejtësinë e punës, kompaktësinë.

Demo | Shkarko

Galeria - Galeria e fotografive e përgjegjshme e bazuar në JavaScript

Galleria përdoret nga miliona sajte për të krijuar galeri imazhesh me cilësi të lartë. Numri i vlerësimeve pozitive për punën e saj sapo shtohet:

  • Plotësisht falas;
  • Pamje me ekran të plotë;
  • 100% e përgjegjshme;
  • Nuk kërkohet përvojë në programim;
  • Mbështetje për iPhone, iPad dhe pajisje të tjera me prekje;
  • Flickr, Vimeo, YouTube dhe më shumë;
  • Disa tema.

Demo | Shkarko

Blueberry është një rrëshqitës i thjeshtë imazhi i përgjegjshëm i jQuery

Prezantimi i një rrëshqitësi imazhi jQuery të shkruar posaçërisht për dizajn të përgjegjshëm të uebit. Blueberry është një shtojcë rrëshqitëse e imazheve eksperimentale me burim të hapur që është shkruar posaçërisht për të punuar me shabllone të përgjegjshme.

Artikujt kryesorë të lidhur