Lory Carousel Slider piedāvā CSS animācijas un pieskāriena atbalstu

No visiem karuseļveida spraudņi tiešsaistē Man ir jānovieto cepure Lory. Tā ir šāda vienkāršs jēdziens bet tas ir viegli viens no tiem visspēcīgākie slīdņi tīmeklī.

The rediģēta versija kopsumma aptuveni 7 KB, kas nav mazs, bet noteikti nav slikts skārienjutīgs karuseļa slīdnis.

Šo spraudni var pievienot jebkurai vietnei kopš tā laika darbojas ar jQuery vai plain vanilla JS. Tas var darboties ar nav atkarību tas ir lieliski saderīgs.

Lory ir arī viens no nedaudzajiem spraudņiem vecākajās pārlūkprogrammās. Tas ir pilnībā atbalstīts IE10+, un vecākas versijas joprojām var palaist slīdni bez animācijām un mazām ekstras.

Jums būs nepieciešams dariet visu programmēšanas kodu ja vēlaties pievienot saturu, bet tas ir pārsteidzoši vienkāršs. Varat definēt, cik liels ir katram panelim, cik ilgi dzīvot un kā rīkoties ar atsaucīgām pārlūkprogrammām.

Apskatiet Lory mājas lapu avota kods un informācija par iestatīšanu.

Sāciet ar Lory JS bibliotēkas pievienošanu jūsu vietnes galvu sadaļā, vai nu kā jQuery spraudnis vai vaniļas bibliotēka. Visas versijas pašlaik ir CDN, kas atrodas Cloudflare CDN, tāpēc ir ļoti viegli iekļaut kopiju bez lejupielādes.

Ar instalēto JavaScript failu jūs vēlaties izveidot HTML neierobežotu sarakstu ar slaidu saturu, bet Lory nāk ar dažām iepriekš noteiktām klasēm tāpēc tas ir labi pieturēties pie sava modeļa.

Šeit ir daži parauga kods ņemti no galvenās Lory GitHub repo:

 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
 
 

Tagad jQuery (vai vienkāršā JS), jūs varat iestatiet funkciju zvanu. Tam vajadzētu izskatīties šādi:

 $ ('. js_slider'). lory (infinite: 1); 

Ievērojiet bezgalīgs opcija ir tikai viena no daudzajām iespējām, ko varat pielāgot. Un jūs vienmēr varat mainīt .js_slider klase atbilstoši jūsu vajadzībām.

Izstrādājot šo spraudni, jums var būt tonnas pielāgošanas jautājumi. Es ļoti ieteiktu pārlūkojot dokumentāciju kas atrodas GitHub lapas apakšā.

Iespējams, ka tā nav labākā vieta dokumentiem, bet par laimi viņi ir diezgan mazi. Jums ir tikai aptuveni 10 iespējas pielāgot un varbūt 10-12 dažādi notikumi jūs varat lāpīt ar. Šo informāciju var atrast arī Lory mājas lapas apakšā, bet GitHub ir daudz vieglāk lasīt.

Atjauninājumi nav tik bieži, bet jūs vienmēr varat pildiet izdošanas pieprasījumu GitHub, ja rodas problēmas. Ja jums patiešām ir problēmas ar kodu, jums, iespējams, būs vieglāk atrisināt tos ar Stack Overflow.

Katrā ziņā varat sākt darbu diezgan ātri izmantojot Cloudflare CDN un GitHub dokumentus. Un, ja jūs meklējat a dzīvot demo ar kodu pārbaudiet šo CodePen ierakstu.