JQuery trano famakiam-boky: sliders ho an'ny namany Sary

Noho ny fandehan'ny fotoana sy ny fampandrosoana ny teknolojia eo amin'ny sehatry ny aterineto no manova endrika sy ny zavatra ilaina / takian'ny mpampiasa ny votoaty toerana. Raha teo aloha dia matetika lahatsoratra afa-po amin'izay kely maro thematic sary, amin'izao fotoana izao dia ny lehibe indrindra ao amin 'ny sary. Mamela anao haingana indrindra mahazo ny vaovao ilaina sy mahasoa, ary aza mandany fotoana mamaky andinin-teny lava. Amin'izany zavatra izany mitsahatra malaza sy, raha ny marina, ny singa ilaina ny tranonkala pejy dia sliders. Vato izy ireo votoaty samihafa ao amin'ny azy ireo - amin'ny sary ny rohy. Ny fomba maoderina mba hanampy ny tranonkala nomena zavatra - mampiasa JQuery famakiam-boky. Sliders noforonina fitaovana ity, mahazo aina, mora ampiasaina, ary mitodika tena mahavariana. Avy eo isika hijery ny fomba hahatonga ireo singa amin'ny Internet ny pejy. Noho ny iray lehibe ampy fitaovana maro manara-penitra, azo atao ho fampiharana ny JQuery Slider-karazana votoaty sy ny isan-karazany.

Inona no hanampy ny Slider amin'ny tranonkala pejy?

Fomba iray manampy tsary-kilalao miendrika biriky amin'ny pejy isa. Matetika aza tsy voatery hanoratra HTML-fehezan-dalàna sy handalina ny soratra an. Misy Maro ny trano famakiam-boky maimaim-poana, ireo mpampiasa fanatitra ho vonona-nanao iombonana izay dia aoka ianao hanampy JQuery-sliders eo amin'ny toerana. Rehetra tsy maintsy atao - dia ny mandika izany ho amin'ny mari-tomboky ny tranonkala pejy, ary hankafy ny vokatra. Na izany aza, amin'ity tranga ity ny mety ny fanatanterahana ny famoronana saina dia voafetra ihany. Noho izany, dia ilaina ny ho afaka mamorona singa tsy miankina ny famolavolana. Mba hanaovana izany, dia mila mahafantatra ny fomba hampiharana ny JQuery Slider tsotra, ary manasarotra azy ihany, dia afaka manampy foana fanampiny singa ao amin'ny fehezan-dalàna.

Mamorona Slider amin'ny tena ianao hoe: ao amin'ny HTML fehezan

Voalohany, izay nanomboka - dia ny fisoratana anarana ny hoavy fisehon'ny ny Slider.

1. Hampitoerina amin'ny HTML-rakitra Slideshow vondrona, izay ahitana ny rehetra tsary (sary, sns).
2. Ary nandry ul lisitra, fehintsoratra tsirairay avy izay mitahiry ny misaraka tsary.

Isika dia miara-miasa amin'ny CSS

Avy eo dia mampihatra azy ny toetry ny tiana fomba mampiasa CSS-taratasy. Ilaina ny hametraka ny votoaty JQuery Slider mba hiasa tsara sy nanana ny fijery tsara. Amin'izao dingana isika dia miatrika asa manaraka ireto:

• ho azo antoka fa amin'ny rafitra mampiseho Slideshow iray ihany, marina amin'izao fotoana ny tsary (na ny sary afa-po), ary ny sisa dia nafeniny;
• handamina ny tsary iray araka ny hafa (ankavia miankavanana);
• manao ul-fitoeran-javatra, izay mitahiry tsary mitsingevana (havia sy havanana).

Mba hanaovana izany, dia nametraka safidy manaraka ireto ao amin'ny rakitra CSS-:

• fa ny Slideshow: tondraka-X - horonan-taratasy, tondraka-y - nafenina:
• fa ul: float - sisa.

Ary afaka hametraka ny masontsivana ny sakany (sakany), haavony (haavony), fototra (fototra) sy ny sisa.

Fehezan-dalàna io izahay nataony tao JQuery

Ny HTML sy CSS ny ilaina rehetra fanovana natao. Dia mbola ny raharaha noho ny JQuery fehezan-dalàna, sliders, izay tokony hanana masontsivana manaraka ireto:

• Tokony hahomby tsary tsirairay namany amin'ny sasany ny elanelam-potoana io;
• rehefa miaraka amin ny totozy totozy eo amboniny ny hetsika tokony hitsahatra.

Mba hanaovana izany, dia manambara roa hiovaova: slidewidth (mitovy ny halavan'ny tsary) sy ny slidertime (mamaritra ny vanim-potoana ny seho-tsary). Hanomboka ny fameram-potoana, raha tsy tanteraka ny pejy kolaka ilay toerana. Izany fikirana dia afehezo amin'ny asa ny totozy manondro Sady nanondro ireo tangoron-tsary (izay mijanona ny seho-tsary).

Aza adino ny fanafody ul halavan'ny fitoeran-javatra. Ho mitovy ny isan'ny tsary, ampitomboina ny halavan'ny tsary tsirairay.

Ampidiro eto ny asa tsary tompon'andraikitra amin'ny fanovana. Izay ihany, azonao atao ny manamarin ny fanatanterahana ny Slider.

famaranana

Ato amin'ity lahatsoratra ity izahay nijery ny fomba hamorona ny JQuery-sliders mba ampidiro eto ny pejy amin'ny tranonkalany. Mampiasa ny ohatra tsotra Slider, dia afaka tonga amin'ny ny heviny, ka ny mety ho fanovana ny mari-tomboky. Izany dia hanatsarana ny famolavolana sy hampiasa ny toerana mety kokoa ho an'ny mpitsidika.