Jquery n'ọbá akwụkwọ: sliders gị website

Na Itie nke oge na mmepe nke technology na ubi nke web imewe na-agbanwe agbanwe na-egbo mkpa / chọrọ nke ndị ọrụ na-content saịtị. Ọ bụrụ na mbụ na ọ bụ ukwuu n'ime ederede ọdịnaya na a ole na ole nke thematic oyiyi, taa ọ bụ na-achị akụrụngwa nke graphic. Ọ-enye gị ohere ngwa ngwa nweta ndị kacha mkpa na ihe ọmụma bara uru, na Ekwela oge na-agụ ogologo akụkụ. Na njikọ na nke a na-esiwanye na-ewu ewu na, n'ezie, a dị mkpa nke a web page bụ sliders. Ha na-nkanka na mgbanwe ọdịnaya ha - site oyiyi njikọ. A oge a ụzọ tinye a nyere web ihe - iji Jquery n'ọbá akwụkwọ. Sliders kere ngwá ọrụ a, na-a ala, mfe iji, na anya nke ukwuu mmasị. Next anyị anya na-esi mee ka ndị a na ihe nke ibe weebụ na ha onwe ha. Ekele a zuru ezu ọnụ ọgụgụ buru ibu nke tozuru etozu ngwaọrụ, ọ bụ omume na mejuputa Jquery mmịfe-ụdị na iche iche ọdịnaya.

Olee otú tinye a mmịfe na a web page?

Ụzọ tinye a slide-nkanka na page nọmba. Ọtụtụ mgbe na-adịghị ọbụna nwere dee HTML-koodu na amụ n'ime edemede. E nwere ọnụ ọgụgụ free ọba akwụkwọ, àjà ọrụ a njikere mere ndebiri na ka ị na tinye Jquery-sliders na gị na saịtị. All ị ga-eme - bụ detuo ya n'ime ndị isi koodu gị web page na-enwe na ya pụta. Otú ọ dị, na nke a ga-ekwe omume nke ịhụ mmezu nke gị ihe pụrụ ichetụ n'echiche bụ nanị. Ya mere, ọ bụ uru na-enwe ike ike imewe mmewere onwe ha. Iji mee nke a, mkpa ka ị mara otú mejuputa Jquery mfe mmịfe, na na siere ya, ị nwere ike mgbe niile na-agbakwunye mmezi ọcha na koodu.

Mepụta a mmịfe site onwe gị: na HTML koodu

Akpa, ebe na-amalite - bụ aha ndị ga-eme n'ọdịnihu layout nke mmịfe.

1. Guzosie Ike na HTML-faịlụ nrò unit, nke ga-ebu ihe niile anyị na slide (oyiyi, wdg).
2. Ọ dina ul ndepụta, paragraf nke ọ bụla nke ga-echekwa a iche iche slide.

Anyị na-arụ ọrụ na CSS

Mgbe ahụ, anyị etinye ya àgwà nke chọrọ style iji CSS-akwụkwọ. Ọ dị mkpa ka wetara anyị content Jquery mmịfe arụ ọrụ kwesịrị ekwesị ma nri anya. Mgbe a na ogbo, anyị na-eche ndị na-esonụ aga-eme:

• jide n'aka na na ngosi mmịfe unit egosiputa naanị otu, nri na oge ndị slide (ma ọ bụ picture ọdịnaya), na ndi fọduru ndị zoro;
• ndokwa slide otu mgbe ndị ọzọ (ekpe gaa n'aka nri);
• ime ul-akpa, nke na-echekwa ihe nkiri slide ibughari (n'aka ekpe na nri).

Iji mee nke a, chee na nhọrọ na CSS-faịlụ:

• maka ngosi mmịfe: ejupụta-x - pịgharịa, ejupụta-y - ezo:
• maka ul: n'elu mmiri - ekpe.

Ọzọkwa ị nwere ike ịtọ kwa nke obosara (obosara), elu (elu), ndabere (ndabere) na otú pụta.

Anyị na-etinye a na koodu na Jquery

The HTML na CSS niile dị mkpa a gbanwere. Ọ na-anọgide na-ikpe n'ihi na Jquery koodu, sliders, nke kwesịrị nwere ndị na-esonụ parameters:

• Slide kwesịrị ịga nke ọma ọ bụla ọzọ na ụfọdụ oge nkeji;
• mgbe ị na hover òké pointer n'elu ha ije ga kwusi.

Iji mee nke a, anyị na-ekwusa abụọ variables: slidewidth (hà ogologo nke slide) na slidertime (ekpebi oge nke slide show). The ngụ oge ga-amalite mgbe page bụ n'ụzọ zuru ezu loaded saịtị. Site na nke a oke anyị tie ihe nke òké pointer nrụaka ka a slide (nke akwụsị slide show).

Jide n'aka na-nye iwu ul akpa n'ogologo. Ọ ga-hà na ọnụ ọgụgụ nke na-asọ asọ, ba uba site n'ogologo nke ọ bụla slide.

Fanye ọrụ maka na-agbanwe agbanwe na-asọ asọ. Nke ahụ bụ ihe niile, i nwere ike ịlele arụmọrụ nke gị mmịfe.

ọgwụgwụ

N'isiokwu a anyị na-ele anya na otú ike ha onwe ha Jquery-sliders itinye a page nke ya website. Iji ihe atụ nke a dị mfe mmịfe, ị nwere ike abịa na nkowa nke onwe ha nke ya, na-eme ihe kwesịrị ekwesị mgbanwe ndị isi koodu. Nke a ga-mma imewe na-eji gị na saịtị ndị ọzọ adaba n'ihi na ndị ọbịa.