Umræðuefni: Öll

+

Hvernig á að gera einfalda Javascript Slideshow

Javascript, einnig þekkt sem js, er vefur forskriftarþarfir tungumál er notað til að reka DOM (Document Object Model) þætti. Það er kross-pallur tækni til að hafa samskipti við hluti í HTML. Með því að opna ýmsa mismunandi hluti í HTML, getur þú jafnvel að átta sig á einfaldan Javascript myndasýningu með hreinu Javascript kóða.

Þessi grein mun gefa þér einföld Javascript myndasýningu fordæmi svo að þú getur sett mynd myndasýningu á vefsvæðið þitt. Þú getur stjórnað hvað og hversu margar myndir til að vera með, sem og myndasýningu hraði. Eina Fade umskipti áhrif er notað til Javascript slideshow. Að fá fleiri stjórna yfir myndina slideshows, svo sem fleiri áhrifum umskipta, myndasýning titlum, ímynd tengil osfrv, þú ert ráðlagt að nota öflugri Slideshow Maker eins Flash Gallery Factory, sem strax bætir auga-smitandi sýnir á vefsvæðið þitt.

Download Win Version

Þú gætir líka verða þróuð Javascript forritari að framlengja javascript kóða fyrir betri Javascript skyggnusýningu með því að læra Javascript Námskeið á W3C.com. Nú sjá hvernig á að setja upp einfalda Javascript myndasýningu skref fyrir skref.

1 Byrjaðu frá JS myndasýning kóða dæmis

Það er engin þörf á að skrifa Javascript myndasýningu kóða frá grunni. Hér er Javascript myndasýningu dæmi (1KB, zip). Sækja og þykkni í tölvuna þína. Við munum einfaldlega breyta henni til að henta þínum þörfum. Þú vilja fá a einn JavaScript-skyggnusýningu-example.html skrá.

2 Breyttu heiti myndar, mynd leið, JS myndasýningu hraða

Opnaðu það með uppáhalds textaritlinum þínum og breyta henni í samræmi við skýringum eru í skránni.

  • Til að breyta lengd renna, fara að slideShowspeed breytu.
  • Til að bæta fleiri myndum, bara að afrita og líma Pic [0] '1.jpg' = línu, og breyta array númer og ímynd skrá nafn samsvarandi. Ef myndin er sett í möppu, td myndir, nota tengjast slóð eins Pic [0] = 'myndir / 1.jpg ". Þú getur líka notað alger Heimilisfang hér.

3 Fella Javascript myndasýning á vefsíðu þinni

Nú opna vefsíðu sem þú vilt að embed in a Javascript myndasýningu. Afrita og líma allan <script> tag á stað milli <head> og </ head>. Þá láta síða til að Javascript myndasýningu þegar síðunni er hlaðið með því að bæta onload = "javaSlideShow ()" eiginleiki í <body> skipuninni. Loks gera Javascript birtast á réttum stað á síðunni. Til að gera það, bara að setja merkið á milli <table> og </ table> skipanir til að þar sem það ætti að vera.

4 Save og sýnishorn Javascript myndasýning

OK, vista það og sýnishorn. Ef allt fer rétt, getur þú séð Javascript skyggnusýningu sem þetta.

Vara-vita hvernig Tala beint til þjónustudeild okkar >>

Top