Lory Carousel Slider pakub CSS animatsiooni ja puudutavat tuge

Kõikidest karussell pluginad võrgus Ma pean oma mütsi otsima Lory. See on selline lihtne mõiste kuid see on lihtsalt üks kõige võimsamad liugurid veebis.

The redigeeritud versioon kokku 7KB, mis ei ole väike, kuid kindlasti ei ole halb puutetundliku karusselli liuguri jaoks.

Saate selle plugina selle veebisaidi peale lisada jookseb jQuery või plain vanilla JS. See võib töötada mingeid sõltuvusi mis on hea ühilduvuse jaoks.

Lory on ka üks vähestest pluginatest ei lagune vanemates brauserites. See on täielikult toetatud IE10-s+, ja vanemad versioonid võivad ikka veel liugurit käivitada ilma animatsioonita ja väikesed lisad.

Sa pead tehke kõik programmilised kodeeringud ise kui soovite sisu lisada, kuid see on üllatavalt lihtne. Saate määrata, kui suur on iga paneeli loomine, kui kaua aega elada ja kuidas reageerivad tundlikud brauserid.

Vaadake Lory kodulehte lähtekood ja üksikasjad seadistamise kohta.

Alusta lisades Lory JS raamatukogu saidile pea lõik, kas jQuery plugina või vanilli raamatukogu. Kõik versioonid on praegu asub Cloudflare CDN-is, nii et see on väga lihtne lisada koopia ilma allalaadimisteta.

Kui installite JavaScript-faili, soovite luua slaidi sisuga HTML-i järjestamata nimekirja, kuid Lory kaasas mõned eelnevalt määratud klassid nii et see on hea kinni oma mudelist.

Siin on mõned proovi kood võetud peamisest Lory GitHub repost:

 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
 
 

Nüüd saate jQuery (või tavaline JS) funktsiooni kõne seadistamine. See peaks nägema midagi sellist:

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

Pange tähele lõpmatu valik on vaid üks paljudest funktsioonidest, mida saate kohandada. Ja sa võid alati muuta .js_slider klassi vastavalt oma vajadustele.

Selle pluginaga arendamisel on teil tõenäoliselt tonni kohandamise küsimusi. Soovitan väga dokumentide sirvimine mis asub GitHubi lehe allosas.

Tõenäoliselt mitte parim dokumentide asukoht, kuid õnneks on nad üsna väikesed. Sul on ainult umbes 10 võimalust kohandada ja võib-olla 10-12 erinevat üritust saate lohistada. Seda infot võib leida ka Lory veebisaidi allosas, kuid GitHubis on palju lihtsam lugeda.

Uuendused ei ole nii sagedased, aga alati pliiatsi väljastamise taotlus kui teil tekib probleeme. Kui teil on tõesti probleeme koodiga, on teil tõenäoliselt lihtsam aeg lahendada need Stack Overflow'ga.

Mõlemal juhul võite seda teha alustada üsna kiiresti kasutades Cloudflare CDN-i ja GitHub-dokumente. Ja kui otsite a live demo koodiga vaadake seda CodePeni kannet.