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ë përfitim i tillë është shpejtësia e shkarkimit. Jo vetëm që imazhet për rrëshqitës përdoren në përmasa të mëdha (nëse nuk ka optimizim për ekrane të ndryshme), gjithashtu kërkon pak kohë për të ngarkuar skriptet. Por në artikull do të shihni vetëm rrëshqitës të pastër CSS.

Ja çfarë gjeta në një faqe interneti 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ë naviguar rrëshqitësit. 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 të shfaqet tani, përdoren pseudo-klasat :checked.

2. Rrëshqitësi i imazhit CSS3 me miniaturë

Për dallim nga rrëshqitësi i mëparshëm CSS, këtu, në vend të butonave të radios, miniaturat e të gjitha imazheve janë të vendosura në fund, gjë që është gjithashtu e përshtatshme 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 shitjen e faqeve. Si rregull, kur zhvillojnë 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ë shohë menjëherë të gjitha përfitimet që kjo faqe ka për të. Mbi të gjitha, ky rrëshqitës është i përgjegjshëm, gjë që është gjithashtu e bukur.

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 kryesore. Ndryshimi i rrëshqitjeve bëhet në një modalitet të bukur: së pari, dy rrëshqitje zhvendosen dhe rrëshqitja bëhet në qendër, e cila më pas do të bëhet kryesore. Më pas, rrëshqitja zmadhohet dhe vendoset përpara të tjerëve.

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

Një tjetër rrëshqitës përshtatës i bazuar në butonat e 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 pamjen e rrëshqitësit në një kompjuter, 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 shkëlqyeshëm për krijimin e një galerie imazhesh. Fjalët nuk mund të shpjegojnë atë që ai bën, kështu që është më mirë të 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 në mënyrë që t'i tregojë menjëherë vizitorit kryesorin. përfitimet që ai do të marrë. Mund të gjeni ende shumë mënyra se si dhe si të përdorni rrëshqitësit, por një gjë është e qartë - ato janë të dobishme kur përdoren siç duhet.

Artikujt e mbuluar në artikull.

SliderPro- adaptive jQuery rrëshqitës me mbështetje për miniaturë dhe cilësime të tjera, duke përfshirë edhe API-në e vet.

• Rrëshqitësi i paracaktuar përshtatet me madhësinë e ekranit. Jo vetëm imazhet do të shkallëzohen, por edhe shtresat me përmbajtjen tuaj shtesë.
• Mbështetje për ngjarjet me rrëshqitje me prekje për ekranet me prekje. Duke përdorur Breakpoints, analoge me pyetjet e medias CSS, për të ndryshuar cilësimet e rrëshqitësve në madhësi të ndryshme të ekranit.
• Animacion i qetë me tranzicione css3, animacion shtresash, efekt fade për ndryshimin e rrëshqitjeve.
• Një rrëshqitës mund të jetë me gjerësi të plotë, me ekran të plotë ose brenda një kontejneri.
• Ndryshimi automatik i lartësisë së rrëshqitjes. Orientimi i miniaturës mund të jetë vertikal ose horizontal.
• Për imazhet, ngarkimi dembel, retina, aftësia për të ngarkuar imazhe të ndryshme për madhësi të veçanta të ekranit mbështeten.
• Mbështetja për video, integrimi i dritës, navigimi me shigjeta, pika, tastierë, miniaturë dhe shumë, shumë më tepër.

css

Lidhja e skedarit të stilit:

HTML

Shembull shënjimi për futjen e një rrëshqitësi:

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

consectetur adipising elita

JS

Ne lidhim skriptet e nevojshme:

Le të inicializojmë shtojcën:

Më shumë detaje rreth rrëshqitësit dhe përdorimit të tij mund të gjenden në github. Linku më poshtë.

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. Edhe pse jQuery e ka bërë JavaScript shumë më të lehtë për të punuar me të, ne kemi ende 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ë të përshtatshëm për nevojat e faqes sonë.

Për rrëshqitës të tjerë, thjesht shtoni tituj, imazhe dhe zgjidhni efektet e tranzicionit të rrëshqitjes që vijnë me rrëshqitësin. Të gjitha këto shtojca vijnë me dokumentacion të detajuar, kështu që është e lehtë të shtoni efekte ose veçori të reja në to. Mund të ndryshoni edhe shkaktarët e bazuar në ngjarje nëse jeni një programues me përvojë në jQuery.

Tendencat e fundit si dizajni i përgjegjshëm janë shumë të rëndësishëm për projektet në ueb, pavarësisht nëse po zbatoni 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 kam mundur të shoh vetë se e bën punën shumë mirë. Ai përmban mundësi të pakufishme që mund të zgjerohen me kodin me burim të hapur të rrëshqitësit:

• Dizajn adaptiv;
• Mbi 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 - 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, gjë që e bën atë shumë të shpejtë për t'u ngarkuar:

• Struktura e përgjegjshme;
• optimizimi i SEO;
• Mbështetje për 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ë publikimesh në anën e majtë dhe një shfaqje imazhi në të djathtë:

• Dizajn adaptiv;
• Lajme për ndërrimin e kolonës vertikale;
• Titujt e zgjeruar.

Demo | Shkarko

Wallop Slider

Ky rrëshqitës nuk përmban jQuery, por do të doja ta prezantoja pasi është shumë kompakt dhe ju lejon të reduktoni 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ë

Me një plan urbanistik fleksibël dhe dizajn të bukur, galeria në stilin e dokumenteve të shpërndara në tavolinë 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 rrëshqitjes;
• 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 me të cilën mund të krijoni një shumëllojshmëri galerish imazhesh me tranzicione fantastike:

• Rrëshqitësi i përgjegjshëm;
• Nuk kërkon njohuri programore;
• Disa shabllone dhe lëkura të mahnitshme;
• 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;
• Vendosje fleksibël;
• Karakteristikat shtesë të dobishme;
• Sasi e pakufizuar e përmbajtjes së shfaqur.

Demo |Shkarko

wow rrëshqitës

WOW Slider është një rrëshqitës imazhi i përgjegjshëm jQuery me efekte të mahnitshme vizuale ( domino, rrotullim, turbullim, rrokullisje dhe ndezje, fluturim, 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ë kuptoni kodin dhe të modifikoni imazhet. Gjithashtu në dispozicion për shkarkim janë 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 - shtojcë falas jQuery

Nivo Slider njihet në mbarë 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ërkon jQuery 1.7 dhe më lart;
• Efektet e bukura të tranzicionit;
• E thjeshtë dhe fleksibël për tu vendosur;
• Kompakte dhe adaptive;
• 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 të krijuar një dizajn të thjeshtë të një dyqani në internet, në të cilin elementët "fluturues" përfaqësojnë kategori të ndryshme:

• Struktura e përgjegjshme;
• Dizajn minimalist;
• Efekte të ndryshme të tranzicionit të braktisjes dhe rrëshqitjes.

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ësitë e ekranit të pajisjeve celulare. Ai funksionon me tranzicione CSS dhe imazhet "grumbullohen" me ankorë. Spiranca mund të zëvendësohet ose hiqet nëse nuk dëshironi të lidheni me imazhin.

Kur vendoset, 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
• madhësia e plotë;
• Dizajn minimalist.

Demo |Shkarko

Rrëshqitësi elastik i përmbajtjes + shtesa

Rrëshqitësi elastik i përmbajtjes 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 sipas madhësisë së kontejnerit të tij mëmë.

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

• Dizajn adaptiv;
• Lëvizja e klikimit të miut.

Demo |Shkarko

Rrëshqitës 3D Stack Falas

Një rrëshqitës eksperimental që lëviz nëpër imazhe 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 - tranzicion;
• efektet 3D.

Demo |Shkarko

Rrëshqitësi i çarjes së ekranit të plotë bazuar në manualin jQuery dhe CSS3 +

Në tutorial, do të mësoni se si të krijoni një rrëshqitës me një kthesë: ideja është të "preni" dhe të shfaqni rrëshqitjen aktuale në këtë mënyrë, në kohën kur 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 me ekran të plotë.

Demo |Shkarko

Unislider - 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 kod 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ështetje për hyrjen me prekje.

Demo | Shkarko

Slides Minimal Responsive

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

• Plotësisht i përgjegjshëm;
• Madhësia 1 KB;
• Tranzicionet CSS3 që mund të aktivizohen nëpërmjet 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 shfaqje të shumta rrëshqitëse;
• Lëvizje automatike dhe manuale.

Demo |Shkarko

Kamera - rrëshqitës pa pagesë jQuery

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

• Dizajn plotësisht i përgjegjshëm;
• nënshkrime;
• Mundësia për të shtuar video;
• 33 ngjyra të ndryshme ikonash.

Demo |Shkarko

SlidesJS, Shtojcë e përgjegjshme jQuery

SlidesJS është një shtesë e përgjegjshme për jQuery (1.7.1 e lart) me mbështetje për pajisjet me prekje dhe tranzicionet CSS3. Eksperimentoni me të, provoni disa shembuj të gatshëm që do t'ju ndihmojnë 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ëshqitjes;
• 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 animimin e rrëshqitjes ( përshpejtimi i harduerit);
• API-të e kthimit të thirrjes dhe metodat plotësisht publike
• Madhësia e vogël e skedarit;
• Lehtë për t'u zbatuar.

Demo |Shkarko

Rrëshqitësi Flex 2

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

Demo | Shkarko

Galleria - Foto Galeria e përgjegjshme JavaScript

Galleria përdoret nga miliona faqe interneti 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;
• Modaliteti i shikimit në ekran të plotë;
• 100% adaptive;
• 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 - Rrëshqitësi i thjeshtë i imazhit jQuery i përgjegjshëm

Unë ju prezantoj një rrëshqitës 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.

Galeritë e imazheve dhe rrëshqitësit janë disa nga formatet më të njohura të jQuery. Falë tyre, ju mund të shtoni sasinë e nevojshme të përmbajtjes vizuale në faqe, duke kursyer hapësirë ​​të vlefshme.

Galeritë dhe rrëshqitësit e bëjnë faqen më pak të mbushur me njerëz, por gjithsesi ju lejojnë të shtoni të gjitha imazhet që ju nevojiten për të përcjellë mesazhin. Ato do të jenë veçanërisht të dobishme për dyqanet online.

Në artikullin e sotëm, ne kemi përmbledhur për ju galeritë më të mira të imazheve dhe rrëshqitësit jQuery.

Për t'i instaluar ato, thjesht shtoni shtojcat e zgjedhura në pjesën kryesore të faqes HTML së bashku me bibliotekën jQuery dhe konfiguroni ato sipas dokumentacionit (vetëm disa rreshta kodi).

Zgjidhni cili nga këta elementë do të përshtatet në mënyrë të përkryer në projektin tuaj.

1. Bootstrap Slider

Bootstrap Slider është një rrëshqitës imazhi i optimizuar falas për celularin me lëvizje me prekje dhe rrëshqitje. Do të duket e mrekullueshme në çdo ekran dhe në çdo shfletues. Ju mund të ngarkoni imazhe, video, tekst, miniaturë dhe butona në rrëshqitës.

2. Rrëshqitësi i shikimit të produktit

Rrëshqitësi i Paraafishimit të Produkteve mishëron potencialin e plotë të jQuery, ai përshtatet në mënyrë të përkryer në çdo ndërfaqe. Ju gjithashtu do të jeni të kënaqur me cilësinë dhe pastërtinë e kodit të kësaj shtojce.

3. Galeria e imazheve e zgjerueshme

Expandable Image Gallery është një shtojcë e mahnitshme që kthehet në një galeri me ekran të plotë me vetëm një klik. Mund të përdoret për seksionin "Rreth nesh" ose për të parë informacionin e produktit.

4. Fotorama

Fotorama është një shtojcë e përgjegjshme e galerisë jQuery që funksionon si për shfletues desktop ashtu edhe për celular. Ai ofron shumë opsione navigimi: miniaturë, lëvizje, butona përpara dhe mbrapa, shfaqje automatike rrëshqitëse dhe shënues.

5. Rrëshqitës Immersive

Immersive Slider ju lejon të krijoni një përvojë unike të shikimit të rrëshqitjeve të ngjashme me rrëshqitësin e Google TV. Mund ta ndryshoni imazhin e sfondit që të jetë i paqartë për të mbajtur fokusin në fotot kryesore.

6. Leastjs

Leastjs është një shtojcë e përgjegjshme jQuery që do t'ju ndihmojë të krijoni një galeri të mahnitshme. Kur rri pezull mbi imazhin, shfaqet teksti, kur klikoni, dritarja zgjerohet në ekran të plotë.

7. Modeli i panelit rrëshqitës

Ky plugin është i përsosur për portofol. Do të krijojë blloqe imazhesh që janë horizontale (vertikale në ekranet e vogla) në të cilat do të ankorohet përmbajtja e zgjedhur.

8. Modeli i portofolit të Squeezebox

Modeli Squeezebox Portfolio ofron efekte të lëvizjes së portofolit. Kur rri pezull mbi imazhin (ose bllokun) kryesor, shfaqen elementë të ankoruar.

9. Përzier imazhet

Shuffle Images është një shtojcë e mahnitshme e përgjegjshme që ju lejon të krijoni një galeri me imazhe që ndryshojnë kur rri pezull.

10. Plugin pa pagesë jQuery Lightbox

Shtojca pa pagesë jQuery Lightbox ju ndihmon të shfaqni një ose më shumë imazhe në një faqe. Ato gjithashtu mund të zmadhohen dhe të kthehen në madhësinë e tyre origjinale.

11. PgwSlider - Rrëshqitësi i përgjegjshëm për jQuery

PgwSlider është një rrëshqitës imazhi minimalist. Kodi jQuery është i vogël, kështu që shpejtësia e ngarkimit të kësaj shtojce do t'ju befasojë këndshëm.

12. Galeria e Polaroideve të Shpërndara

Galeria Scattered Polaroids është një rrëshqitës i mahnitshëm i dizajnit të sheshtë. Elementet e tij lëvizin rastësisht kur ndërrohen imazhet, gjë që duket e mahnitshme.

13. Filtri i përmbajtjes bouncy

Bouncy Content Filter është zgjidhja perfekte për portofolin tuaj. Kjo shtojcë i lejon përdoruesit të lëvizin shpejt nga një kategori në tjetrën.

14. Slider i thjeshtë jQuery

Slider i thjeshtë jQuery i përshtatet emrit të tij. Ky plugin kombinon elemente të JavaScript, HTML5 dhe CSS3. Në demo, vetëm ngarkimi i tekstit është i disponueshëm si parazgjedhje, por nëse bëni disa ndryshime, mund të shtoni edhe përmbajtje vizuale.

15. Glide JS

Glide JS është një rrëshqitës i thjeshtë, i shpejtë dhe i përgjegjshëm jQuery. Është e lehtë për t'u konfiguruar dhe shtojca nuk do të zërë shumë hapësirë.

16. Zvarritës i ekranit të plotë me paralaksë

Ky rrëshqitës i mrekullueshëm i imazhit dhe ngarkimit të tekstit jQuery është i përsosur për çdo faqe interneti. Do t'i kënaqë përdoruesit me një efekt të lehtë paralaks dhe pamje të ngadaltë të tekstit.

Koha nuk qëndron dhe bashkë me të edhe progresi. Kjo ndikoi edhe në internet. Tashmë mund të vini re se si po ndryshon pamja e faqeve, veçanërisht dizajni adaptiv është shumë i popullarizuar. Dhe si rezultat, shumë të reja rrëshqitës të përgjegjshëm jquery, galeri, karuselë ose shtojca të ngjashme.
1. Rrëshqitësi i përgjegjshëm i postimeve horizontale

Karuseli horizontal i përgjegjshëm me udhëzime të hollësishme instalimi. Është bërë në një stil të thjeshtë, por ju mund ta stiloni vetë.

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.

3. Slideshow me përmbajtje të anuar

Rrëshqitësi i përmbajtjes së përgjegjshme. Pika kryesore e këtij rrëshqitësi është efekti 3d i imazheve, si dhe animacione të ndryshme të paraqitjes së 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. Krijuar me kanavacë HTML5

5. Rrëshqitësi i Morfimit të Imazhit

Rrëshqitës me efekt morfimi (Transformim i qetë nga një objekt në tjetrin). Në këtë shembull, rrëshqitësi është i përshtatshëm për portofolin e një zhvilluesi të internetit ose një studio në internet në formën e një portofoli.

6. Rrëshqitës rrethor

Rrëshqitës në formën e një rrethi me efektin e rrokullisjes së imazhit.

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

Rrëshqitësi i përgjegjshëm me ndërrim dhe turbullim të sfondit.

8. Rrëshqitës modës i përgjegjshëm

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)

Versioni i përditësuar i rrëshqitësit Slicebox me rregullime dhe veçori të reja.

10.Rrjeti i imazhit të përgjegjshëm të animuar falas

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. Kjo mund të duket mirë si një sfond ose element dekorativ në faqe, pasi ne mund të vendosim pamjen selektive të imazheve të reja dhe tranzicionet e tyre. Shtojca është bërë në disa versione.

11.Rrëshqitësi Flex

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

12. Kornizë fotografie

Fotoramaështë një shtojcë universale. Ka shumë cilësime, gjithçka funksionon shpejt dhe lehtë, është e mundur të shikoni rrëshqitje në ekran të plotë. Rrëshqitësi mund të përdoret si në madhësi fikse ashtu edhe në përshtatje, me dhe pa miniatura, me dhe pa lëvizje rrethore dhe shumë më tepër.

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

13. Rrëshqitësi i Galerisë së Miniaturave 3D falas dhe të përgjegjshëm.

Galeria rrëshqitëse eksperimentale 3DPanelLayout me rrjetë dhe efekte interesante animacioni.

14. Rrëshqitësi në css3

Rrëshqitësi i përgjegjshëm i bërë duke përdorur css3 me pamje të qetë të përmbajtjes dhe animacion të lehtë.

15. rrëshqitës WOW

Rrëshqitësi WOWështë një rrëshqitës imazhi me efekte vizuale të mahnitshme.

17.Elastike

Rrëshqitës elastik me reagim të plotë dhe miniatura të rrëshqitjes.

18. çarë

Ky ë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. Animacioni është bërë mjaft i pazakontë dhe bukur.

19. Galeria e fotove të përgjegjshme plus

Galeri e thjeshtë rrëshqitës pa pagesë me ngarkim imazhi.

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

Rrëshqitësi pa pagesë i përgjegjshëm 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 lidhje muzikore

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

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ë që disa efekte interesante 3D të aplikohen në rrëshqitje.

24. Fast Hover Slideshow

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

25. Fizarmonikë e imazhit me CSS3

Fizarmonikë e imazhit me css3.

26. Një Shtojcë e galerisë së optimizuar me prekje

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

27. Galeria 3D

Galeria e Murit 3D- krijuar për shfletuesin Safari, ku efekti 3D do të jetë i dukshëm. Kur shikohet në një shfletues tjetër, funksionaliteti do të jetë i mirë, por efekti 3D nuk do të jetë i dukshëm.

28. Rrëshqitës me faqezim

Rrëshqitësi i përgjegjshëm i faqezimit me rrëshqitësin e UI jQuery. ideja është të përdoret një koncept i thjeshtë navigimi. Është e mundur të ktheheni prapa të gjitha imazhet ose të kaloni midis rrëshqitjeve.

29.Image Montage me jQuery

Rregullimi automatik i imazheve në varësi të gjerësisë së ekranit. Një gjë shumë e dobishme kur zhvillon një faqe portofoli.

30. Galeria 3D

Një rrëshqitës i thjeshtë rrethor 3D në css3 dhe jQuery.

31. Modaliteti i ekranit të plotë me efekt 3D në css3 dhe jQuery

Rrëshqitës me aftësinë për të parë imazhe në ekran të plotë me një tranzicion të bukur.