JQuery library: sliders for your website

Tare da nassi na lokaci da kuma ci gaban fasaha a cikin filin na yanar gizo zane an canza da kuma bukatun / bukatun masu amfani don abun ciki shafukan. Idan a baya shi ne mafi yawa da rubutu ciki da kananan yawan thematic images, a yau shi ne rinjaye bangaren na mai hoto. Yana ba ka damar da sauri samun mafi zama dole da kuma amfani bayanai, da kuma ba su vata lokaci karanta dogon texts. A dangane da wannan ƙara rare kuma, a gaskiya, a dole kashi na wani shafin yanar gizo ne sliders. Su ne tubalan da sãɓãwar launukansa abun ciki a cikin su - daga images to links. A zamani hanya don ƙara wani ba web abu - yin amfani da jQuery library. Sliders halitta da wannan kayan aiki, samun wani dadi, da sauki amfani, da kuma dubi sosai ban sha'awa. Next muka dubi yadda za a yi wadannan abubuwa na shafukan yanar gizo a kan nasu. Godiya ga wani isasshe manyan yawan daidaita kayan aikin, yana yiwuwa a aiwatar da jQuery darjewa-type kuma bambancin ciki.

Yadda za a ƙara darjewa a kan wani shafin yanar gizo?

Hanyoyi don ƙara wani slide-tubalan ga page lambar. Sau da yawa ba su ma da rubuta HTML-code da kuma shiga cikin rubutun. Akwai babba yawan free dakunan karatu, miƙa masu amfani a shirye-sanya shaci cewa bari ka ƙara jQuery-sliders a kan shafin. All dole ka yi - shi ne don kwafe shi cikin tushen code of your shafin yanar gizo da kuma ji dadin sakamakon. Duk da haka, a cikin wannan yanayin da yiwuwar ganin ka m kwatanci ne iyaka. Saboda haka, yana da amfani a iya ƙirƙirar da zane kashi da kansa. Don yin wannan, kana bukatar ka san yadda za a aiwatar da jQuery sauki darjewa, kuma kawai wahalad da shi, za ka iya ko da yaushe ƙara karin abubuwa a cikin code.

Ƙirƙiri darjewa ta hanyar da kanka: a cikin HTML code

Da farko, inda ya fara - shi ne yin rajistar nan gaba layout na darjewa.

1. Kafa a HTML-fayil Slideshow naúrar, wanda zai dauke dukkan mu nunin faifai (images, da dai sauransu).
2. Yana sa ul jerin, kowane sakin layi na wanda za a ajiye wani raba zamewar.

Muna aiki tare da CSS

Sa'an nan muka yi amfani da ita da halaye na so style amfani da CSS-daftarin aiki. Wajibi ne a gabatar da mu ciki jQuery darjewa zuwa aiki yadda ya kamata, kuma yana da hakkin look. A wannan mataki, mun fuskanci wadannan ayyuka:

• tabbatar da cewa a Slideshow naúrar nuna daya kawai, dama a lokacin da nunin (ko hoto ciki), da kuma sauran aka boye.
• shirya nunin faifai daya bayan daya (hagu zuwa dama).
• yi ul-ganga, wanda Stores nunin faifai m (hagu da kuma dama).

Don yin wannan, saita zaɓuɓɓuka masu biyowa a CSS-fayil:

• domin Slideshow: ambaliya-x - gungura, sunã zubar-y - boye:
• domin ul: taso kan ruwa - bar.

Har ila yau, za ka iya saita da sigogi na nisa (fadin), tsawo (tsawo), bango (bango) da sauransu.

Mun sa wannan code a jQuery

A HTML da CSS dukan zama dole canje-canje da aka yi. Ya zauna idan na jQuery code, sliders, wanda ya kamata da wadannan sigogi:

• Nunin faifai kamata ci juna tare da wani lokaci tazara.
• lokacin da ka Tsayar da linzamin kwamfuta akan kan su motsi gushe.

Don yin wannan, mun bayyana biyu canji: slidewidth (daidaita da tsayin daga cikin nunin) da kuma slidertime (kayyade lokaci na nunin faifai). Da mai židayar lokaci za a fara a lokacin da page ne Mafi lodi shafin. By wannan siga mu ƙulla da mataki na linzamin kwamfuta akan nuna nunin (wanda tsaya a nan nunin faifai).

Tabbata ga rubũta ul ganga tsawon. Yana zai zama daidai da yawan nunin faifai, ta tara da da tsawon kowane zamewar.

Saka aiki alhakin canza nunin faifai. Shi ke nan, za ka iya duba da wasan kwaikwayon na your darjewa.

ƙarshe

A wannan labarin, za mu duba a yadda za a haifar da nasu jQuery-sliders saka page na da website. Amfani da misali da wani sauki darjewa, za ka iya fito da nasu fassarar shi, yin da ya dace canje-canje zuwa lambar tushe. Wannan zai inganta zane da kuma yin amfani da your site more dace ga baƙi.