Faletusi JQuery: sliders mo lou website

I le gasologa o taimi ma le atiina ae o tekinolosi i le fanua o web mamanu ua suia ma manaoga / manaoga o tagata e faaaogāina i nofoaga o anotusi. Afai muamua sa tele lava mataupu mau faatasi ma se vaega toaitiiti o ata thematic, o le aso o le vaega iloga o le kalafi. E mafai ona e maua vave le faamatalaga sili ona talafeagai ma aoga, ma aua le maimauina le taimi e faitau ai tusitusiga umi. I le fesootaiga ma lenei faateleina le lauiloa ma le mea moni, o se elemene taua o se itulau uepi o sliders. ua poloka i latou eseese faamalieina i latou - mai faatusa e sooga. O se auala o aso nei e faaopoopo a tuuina web mea - faletusi faaaogaina JQuery. Sliders foafoaina i lenei meafaigaluega, maua se mafanafana, faigofie e faaaoga, ma tepa lava faagaeetia. Sosoo tatou vaavaai atu i le auala e faia nei elemene o le itulau o le initaneti i latou lava. Faafetai i le a lava le tele tele o meafaigaluega faalaugatasia, e mafai ona faatino le JQuery slider-ituaiga ma mataupu eseese.

E faapefea e faaopoopo a slider i se web itulau?

Auala e faaopoopo a faasolosolo-poloka i le itulau numera. E masani lava e le oo lava i ai e tusi HTML-code ma matūa iloiloina i totonu o le tala. E i ai se aofaiga tele o le faletusi e saoloto, o le ofoina atu o tagata e faaaogaina se templates saunia-faia e ia e faaopoopo JQuery-sliders i lou nofoaga. outou uma e faia - o le kopi ai i le code puna o lau itulau uepi ma olioli i le taunuuga. Peitai, i lenei tulaga le avanoa o le mauaina o lou mafaufau o le foafoaga ua faatapulaaina. O lea, e aoga ina ia mafai ona faatupuina ai le elemene mamanu tutoatasi. Ina ia faia lenei mea, e tatau ona e iloa le auala e faatino ai le JQuery slider faigofie, ma e na faafaigata ai i ai, e mafai ona e faaopoopo i taimi uma elemene faaopoopo i le code.

Fai se slider e oe lava ia: i le code HTML

Muamua, i le mea e amata ai - o le faamauina o le faatulagaga lumanai o le slider.

1. Faatuina i HTML-faila iunite Slideshow, lea o le a aofia ai lo tatou o ata faasolo o uma (ata, ma isi).
2. E taoto lisi ul, taitasi le parakalafa o lea o le a teu a faasolosolo eseese.

O loo tatou galulue faatasi ma CSS

Ona tatou faaaogaina i ai le uiga o le faiga manaomia le faaaogaina CSS-pepa aloaia. E tatau ona faaee atu lo tatou mataupu slider JQuery e galulue lelei ma sa le vaaiga saʻo. I lenei tulaga, o loo tatou feagai ma le galuega nei:

• ia mautinoa e faapea i le iunite Slideshow faaalia tasi, saʻo i le taimi i le faasolosolo (po o mataupu ata), ma sa natia i le malologa;
• faatulaga le ata faasolo tasi i le isi (agavale i le taumatau);
• faia ul-pusa, lea o oloa e mafai ona feaveai o ata faasolo (agavale ma taumatau).

Ina ia faia lenei mea, tuu le vaega nei i le CSS-faila:

• mo le Slideshow: faatumulia-x - tusi taai, faatumulia-y - natia:
• mo ul: faaopeopea - taumatau.

Foi e mafai ona e faatuina e le faataamilosaga o le lautele (lautele), maualuga (maualuga), talaaga (talaaga) ma isi mea faapena.

Tatou te tuuina lenei code i JQuery

O le HTML ma CSS suiga talafeagai uma ua faia. E tumau pea le tulaga mo le code JQuery, sliders, lea e tatau ona i ai le tapulaa nei:

• e tatau ona manuia o ata faasolo tasi i le isi i se vaitaimi taimi faapitoa;
• pe ae TAPĒINA le faasino isumu i luga e tatau ona tuu a latou gaoioiga.

Ina ia faia lenei mea, tatou te tautino fesuiaiga lua: slidewidth (e tutusa ma le umi o le faasolosolo) ma slidertime (fuafuaina le vaitaimi o le ata faasolosolo). O le timer le a amata i le taimi o le itulau o atoatoa nofoaga tumu. E lenei parameter tatou nonoa ai le gaoioiga o le faasino faasino isumu i se faasolosolo (lea e taofia le ata faasolosolo).

Ia mautinoa ia faatonuina umi pusa ul. O le a avea e tutusa ma le aofaiga o ata faasolo, faatele i le umi o faasolosolo taitasi.

Faaofi o le galuega tauave e nafa mo le suia o ata faasolo. a uma lena, e mafai ona e siaki le faatinoga o lou slider.

iʻuga

I lenei mataupu tatou te vaavaai i le auala e faatupuina ai lo latou lava JQuery-sliders e faaofi se itulau o lana tuatusi faakomepiuta. Le faaaogaina o le faataitaiga o se slider faigofie, e mafai ona o mai i luga ma o latou lava faauigaga o ai, le faia o le suiga talafeagai i le code puna. O le a faaleleia atili ai le mamanu ma le faia sili atu ona talafeagai le faaaoga o lou nofoaga mo tagata asiasi.