Duke pasur faqet e internetit që zënë të gjithë gjerësinë e ekranitNe zbuluam se disa elemente mund të integrohen që mund t'ju vijnë në ndihmë për të shfaqur një mostër të tërë të produkteve për shitje ose udhëtimet që mund të kemi në ofertë për verën. Carousels ose rrëshqitës janë një nga ato elemente të internetit që na lejojnë të tregojmë produktet tona në një mënyrë shumë tërheqëse.
L Rrëshqitës, rrotullues ose karuselë falas në CSS që do të gjeni më poshtë, krijoni një repertor të mirë për të gjitha llojet e objektivave në punë që ne do t'i tregojmë klientit përpara se ai të pranojë buxhetin tonë. Shtë një koleksion i rrëshqitësve në HTML dhe CSS me pak JavaScript në format horizontal dhe vertikal. Le ta bëjmë që të mund të përdorni kodin për t'i zbatuar ato shpejt.
Carousels horizontale
Ky karusel përbëhet nga një animacion mjaft i bie shumë në sy sikur të ishim duke vizatuar një perde, për të zmadhuar vetëm fotografitë dhe ikonat e profileve që do të vendosim në këtë slider. Isshtë një karusel i përsosur për dëshmi nga përdoruesit të cilët janë shumë të kënaqur me produktet që shesim në internet.
Karusel i pafund i përgjegjshëm
Ky rrëshqitës është si reklama që ndonjëherë mund të shihet në fushat e futbollit në anët dhe duke treguar reklama të ndryshme që lëvizin horizontalisht. Isshtë ideale për faqet e uljes që duhet të tregojnë partnerët e markave dhe llojet e tjera të logove.
Reagoni Carousel
Ky rrotull shquhet për React.js. që i shërben shfaqjes së imazheve në një madhësi proporcionale ndërsa kalojmë nga një imazh në tjetrin në një animacion të vazhdueshëm. Pak më shumë për të thënë në lidhje me këtë CSS mjaft të thjeshtë, por me efekt të madh nëse dimë ta pozicionojmë siç duhet në ueb.
Slider i butë 3D
I përbërë nga HTML, CSS dhe JavaScript, ky karusel 3D shquhet për butësinë e tij dhe një animacion kërcues me efekt të shkëlqyeshëm vizual. Me një seri elementesh që identifikojnë çdo kartë, një punë dhe një karusel tërheqës për ta përfshirë atë në faqen tuaj të internetit.
Karusel automatik i pafund
Një rrëshqitës që, siç paralajmëron vetë emri i tij, shfaqet automatikisht pa pasur nevojë që përdoruesi të ndërveprojë në asnjë kohë me të. Imazhet e ndryshme që përbëjnë këtë karusel të mrekullueshëm shfaqen për shkak të tranzicionit në të cilin ajo zbehet me magji.
Rri pezull Carousel
Me elementin e rri pezull kjo rrëshqitësi lëviz nga e majta në të djathtë, ose anasjelltas, ndërsa e lëmë treguesin e miut mbi të. Një tranzicion i qetë për të lëvizur midis fotove të ndryshme që mund të krijojnë këtë rrëshqitës të imazhit.
Carousel i lëvizshëm
edhe i quajtur Dizajn Materiali Carousel, dhe me trendin aktual me të gjitha llojet e kartave, këtu mund të gjeni një artikull tjetër me një numër të madh të tyre në CSS / HTML, distancohet nga pjesa tjetër sepse është i përbërë nga gjuha e dizajnit e botuar nga Google. Ju mund të lëvizni kartat e ndryshme duke shtypur gjatë kartat.
Instagram Feed Carousel
Ju mund të prishni idenë pas këtij rrëshqitësi që bie në sy nga një shirit imazhesh që mund të zmadhohen duke klikuar në njërën prej tyre. Një animacion me efekt të madh, megjithëse është i drejtuar për një lloj specifik të faqes në internet. Postimet në Instagram të marra në një karusel slick.js.
Karusel i thjeshtë i sinkronizuar
Ka shumë të bëjë me atë të mëparshmin, veçanërisht në shiritin e imazheve, megjithëse bashkëveprimi me rrëshqitësin është shumë i ndryshëm duke e lëvizur me një gjest anësor nga e majta në të djathtë dhe anasjelltas. Përsëri ne kemi slick.js duke bërë gjërat e veta. Goditur për efektin e saj të madh.
Karusetë horizontale 3D
Një nga karuselët më interesantë në të gjithë listën që ne publikojmë. Shquhet për rrëshqitësit tuaj horizontale në CSS dhe HTML që lëvizin fantastikisht mirë. Ju vetëm duhet të lini treguesin e miut mbi kutitë për të gjetur efektet e ndryshme që mund të prodhohen me katër ndryshimet.
Carousel CSS
Efekt vizual i thjeshtë dhe i shkëlqyeshëm me një seri kartash që ndërrohen perpara. Efekti është në 3D, kështu që është një nga ata rrëshqitës që tërheqin shumë vëmendje, veçanërisht për shkak të efektit minimal të kërcimit që tregon gjenialitet nga ana e krijuesit të së njëjtës.
Carousel me ngritje boot
Një rrëshqitës i thjeshtë me efekt të shkëlqyeshëm që nuk shquhet për shumë. Oneshtë një nga ata rrëshqitës të thjeshtë që zakonisht e kërkojmë dhe që jep atë ndjenjën e të qenit një pa shumë bujë, por që përmbush në mënyrë të përsosur funksionin e tij.
Ekipi i Karuselit
Nëse doni të prezantoni ekipin editorial që keni në blog, ky rrëshqitës është i përsosur në rolin e tij. E ngjashme me atë të mëparshme për sa e thjeshtë është. Ajo shquhet për përdorimin e diamanteve për të vendosur secilën nga fotografitë e ekipit. Ka rishikim automatik.
Kubi i Karuselit
Slider që shquhet për të qenë një kub në të cilin secila prej fytyrave është një nga imazhet ose fotografi që duam të shfaqim në një faqe në internet. Ju vetëm duhet të klikoni në secilën prej tyre për t'i lëvizur dhe për të gjetur se çfarë përmbajtje ju pret.
Çelësat e shigjetave të karuselit
Një rrëshqitës në të cilin kalon ndërveprimi duke përdorur çelësat e shigjetave. E thjeshtë pa shumë bujë që shkon drejtpërdrejt në një lloj tjetër ndërveprimi, ai që duket nga vite më parë. Për një përdorim specifik.
Carousels vertikale
Një rrëshqitës me një efekt vizual të shkëlqyeshëm që luan automatikisht në një animacion të vazhdueshëm vertikal që shquhet për kartat e saj me kënde të rrumbullakosura. Shumë aktuale dhe një nga ato që dallon më vete nga e gjithë kjo listë.
Carousel i pastër CSS
Ky karusel dallohet për të patur një menu anësore nga e cila mund të shkojmë duke klikuar në secilën prej opsioneve të tij. Informacioni shfaqet me një efekt kthyes të arritur mirë, pa shumë më tepër sesa u tha.
Karuseli vertikal reagon
Ngjashëm me e mëparshme për vertikalitetin e saj, megjithëse ky rrëshqitës është i aftë të marrë tërë gjerësinë e faqes për të treguar imazhet e secilës skedë të saj. Interesante për formatin e saj të madh dhe përdorimin e tranzicionit CSS për të rrëshqitur midis diapozitivëve.
Karuseli 3D i Ndarur
Efekt i shkëlqyeshëm vizual me një model rrëshqitës që rrotullohet në 3D me një animacion shumë i mrekullueshëm. Ju mund të zgjidhni secilën prej opsioneve nga menyja e majtë me pika për secilën prej tyre. Një nga më të mirët në listë për sa krijues është.
Mirëmëngjes, unë dua të përdor Carousel Pure CSS në faqen time, por është e vendosur në vetëm një pozicion, si mund ta bëj që të vendoset në pozicionin që unë dua brenda faqes time.
Ju lutemi ndihmoni me këtë. Faleminderit shumë
Si mund ta bëj Hover Carousel të shfaqet mirë në versionin celular të faqes time të internetit?
Shkëlqyeshëm, çfarë pune të mirë ata bënë!
Përshëndetje, shtëpitë e karrocave janë shumë të lezetshme, por sa më shpejt që ta ngarkoj, unë kopjoj dhe ngjis gabimin e javascript për shkak të var max = $ ('# c> li) .gjatja…. Cfare po sugjeroni