JQuery sebelisa laebrari: sliders bakeng sa ya hao websaeteng

Le litemana tse a nako e le tsoelo-pele ea theknoloji ea naheng ea ho web moralo ba ho fetola le litlhoko / ditlhoko tsa basebelisi ba ho libaka dikahare. Haeba pele ho moo e ne e le boholo ba mongolo o dikahare le palo e fokolang ea litšoantšo thematic, kajeno ke 'muso o hlaheletseng karolo ea hlakileng ena. E lumella hore o ka potlako fumana ka ho fetisisa hlokahala le ea molemo tlhahisoleseding, 'me u se ke ua senya nako ho bala litemana tsa nako e telele. Mabapi le sena ka ho eketsehileng ratoa 'me, ha e le hantle, e le karolo ea hlokahala ba leqephe ho web ke sliders. Ba diboloko sa tšoaneng dikahare ka ba - ho tloha litšoantšo ho maqhama. A tsela e morao-rao ho eketsa e fanoeng ho web Sepheo - sebelisa jQuery laebraring. Sliders bōpiloe ka sesebelisoa sena, fumana mabothobotho, ho le bonolo ho sebelisa, 'me o sheba tsotehang haholo. Hlahlamang re sheba kamoo ho etsa likarolo tsena tsa maqephe a web a ba le bang. Thanks ho palo ka ho lekaneng khōlō ea lisebelisoa ditekanyetos, hoa khoneha ho kenya tshebetsong le jQuery sekwahelo-mofuta le dikahare tse sa tšoaneng.

Tsela ea ho eketsa ya sekwahelo ka leqepheng la ho web?

Litsela tsa ho eketsa ho slide-o beha diboloko ho leqephe palo. Hangata ha ba esita le lokela ho ngola HTML-khoutu le delve ka ngotsoeng ka. Ho na le palo e khōlō ea lilaebrari free, ho fana ka basebedisi ba le itokiselitse entsoeng le dithempleite hore au tlohela hore u eketsa jQuery-sliders setšeng hao. Sohle seo u lokela ho etsa - ke ho kopitsa e ka mohloli khoutu ya ho web leqepheng la hao 'me u thabele litholoana. Leha ho le joalo, tabeng ena le monyetla oa ho phethahala ha kelello ea hao ho bōpa e lekanyelitsoe. Ka hona, ho na le thuso ho ba khona ho theha e elements moralo le nosi. Ho etsa sena, u lokela ho tseba mokhoa oa ho kenya tshebetsong le jQuery e bonolo sekwahelo, 'me feela thatafatsa e, o ka kamehla ho eketsa thepa ea motheo e eketsehileng khoutu ya.

Bopa sekwahelo ke ipotse: ka khoutu HTML

Pele, moo ho qala ho - ke ho ngolisa moralo bokamoso ba sekwahelo e.

1. Thehilwe HTML-faele la sao slideshow unit trust, e leng tla ba le kaofela li-slide tsa rona (litšoantšo, joalo-joalo).
2. Ho rala lethathamo ouaaoul, serapa ka seng sa tseo e tla boloka le li-slide tse arohaneng.

Re sebetsa le CSS

Ka mor'a moo re sebetsa ho eona litšobotsi tsa mokhoa oa ho ngola a lakatsa ho sebelisa CSS-tokomane. Hoa hlokahala ho lefisa dikahare rona jQuery sekwahelo ho sebetsa hantle 'me a shebahala le letona. Mothating ona, re tobane le mesebetsi e latelang:

• etsa bonnete ba hore ka unit trust la sao slideshow bontša le 'ngoe feela, e nepahetseng ka nako e slide (kapa setšoantšo dikahare),' me ba bang ba ne ba patiloe;
• lokisetsa ea li-slide ho latellana (letšehali ho ea ho le letona);
• etsa ouaaoul-setshelo, e leng boloka li-slide e etsoang ka mechine (ka ho le letšehali le le letona).

Ho etsa sena, beha ba dikgetho tse latelang ka CSS-faele:

• bakeng sa la sao slideshow ho: nala-x, - Scroll, nala-featswan - patiloe:
• bakeng sa ouaaoul: phaphametse - setseng.

Hape u ka beha meedi ya bophara (bophara), bophahamo ba (bophahamo), semelo sa (semelo sa) le tse ling tse joalo.

Re beha khoutu sena jQuery

The HTML le CSS liphetoho tsohle tse hlokahalang tse entsoeng. Ho ntse ho le joalo bakeng sa jQuery code, sliders, e leng lokela na le ditekanyetso tse latelang:

• Li-slide lokela atlehe e mong le tse ling tse nang le itseng nako karohano;
• ha o se okaokele mouse sesupi holim'a mokhatlo oa bona ba lokela ho khaotsa.

Ho etsa sena, re phatlalatsa divariabole tse peli: slidewidth (lekana le bolelele ba li-slide e) le slidertime (rerang nako ya di-slide). Selekanyi tla qala ha leqepheng la ke ka botlalo imetsoeng saeteng. Ke paramethara ena re tlama ketso tsa toeba sesupi tobisitsoe ho di-slide e (e leng ema le-slide).

Ba bonnete ba hore ho laela ouaaoul setshelo bolelele. E tla ho lekana le palo ea li-slide, ba ntse ba eketseha ka bolelele ba e mong le e slide.

Kenya mosebetsi le boikarabelo ba ho fetola li-slide. Ke tsohle, o ka hlahloba tshebetso ya sekwahelo hao.

bofello

A sehloohong sena a re sheba kamoo ho bopa tsa bona jQuery-sliders ho kenya leqephe la websaeteng lona. Sebelisa ka mohlala oa sekwahelo e bonolo, o ka fihla le tlhaloso ea bona ea ho, ho etsa liphetoho tse loketseng ho le khoutu mohloding. Sena se tla ntlafatsa moralo le ka sebelisa Websaete ea hao loketseng haholoanyane bakeng sa baeti.