Download
> Resource> Paano Gumawa ng isang Simple Javascript Slideshow
Javascript, na kilala rin bilang js, ay isang wika web scripting ginamit upang patakbuhin ang DOM (Document Object Model) elemento. Ito ay isang teknolohiya ng cross-platform na makihalubilo sa mga bagay sa HTML. Sa pamamagitan ng pag-access iba't-ibang mga iba't ibang mga bagay sa HTML, maaari kang kahit na mapagtanto ang isang simpleng Javascript slideshow na may dalisay Javascript code.
Ang artikulong ito ay magbibigay sa iyo ng isang simpleng slideshow Javascript halimbawa upang maaari kang magdagdag ng isang slideshow ng larawan sa iyong website. Maaari mong kontrolin kung ano ang at kung gaano karaming mga larawan na kasama, pati na rin ang bilis slideshow. Ang tanging Fade paglipat epekto ay ginagamit para sa Javascript slideshow. Upang makakuha ng karagdagang kontrol sa ibabaw ng mga slideshow ng larawan, tulad ng higit pang mga epekto transition, mga pamagat ng slideshow, hyperlink imahe, at iba pa, ikaw ay inirerekomenda na gumamit ng mas malakas na slideshow maker tulad ng Flash Gallery pabrika, na agad na nagdadagdag ng palabas ng kapansin-pansing sa iyong website.
Maaari mo ring maging isang advanced Javascript programmer upang patagalin javascript code para sa isang mas mahusay na javascript slideshow sa pamamagitan ng pag-aaral ng Javascript Course on W3C.com. Ngayon tingnan kung paano mag-set up ng isang simpleng Javascript slideshow hakbang-hakbang.
1 Magsimula sa halimbawa slideshow code JS
Hindi na kailangan upang isulat ang Javascript slideshow code mula sa simula. Narito ang isang Javascript slideshow halimbawa (1kb, zip). I-download at i-extract sa iyong computer. Kami lamang baguhin ang mga ito upang maging angkop sa iyong mga pangangailangan. Makakatanggap ka ng isang solong javascript-slideshow-example.html file.
2 Baguhin ang pangalan ng imahe, landas ng imahe, js slideshow speed
Buksan ito sa iyong mga paboritong text editor at baguhin ito ayon sa mga tala na kasama sa file.
- Upang baguhin ang duration slide, pumunta sa slideShowspeed parameter.
- Upang magdagdag ng mga imahe, kopyahin lamang at i-paste Pic [0] '1.jpg' = linya, at baguhin ang array bilang at imahen na file name correspondingly. Kung ang iyong mga imahe ay nakalagay sa isang folder, eg mga imahe, gamitin ang mga kaugnay na landas tulad Pic [0] = 'images / 1.jpg'. Maaari mo ring gamitin absolute address imahe dito.
3 I-embed ang Javascript slideshow sa iyong web page
Ngayon buksan ang web page na gusto mong i-embed ng isang Javascript slideshow. Kopyahin at i-paste ang buong <script> tag sa mga lugar sa pagitan ng <head> at </ head>. Pagkatapos ay hayaan ang mga pahina upang simulan ang iyong Javascript slideshow kapag binuksan ang pahina sa pamamagitan ng pagdaragdag onLoad = "javaSlideShow ()" attribute sa <body> tag. Sa wakas, lilitaw ang Javascript sa tamang posisyon ng pahina. Upang gawin ito, ilagay lamang ang code sa pagitan ng <table> at </ table> tag sa kung saan ito ay dapat.
4 I-save at i-preview Javascript slideshow
OK, i-save ito at i-preview. Kung tatakbo ang lahat nang karapatan, maaari kang makakita ng Javascript slideshow bilang na ito.
Kaugnay na mga Artikulo
Mga katanungan na may kinalaman sa produkto? Magsalita nang direkta sa aming Koponan ng Suporta >>
I-download ang
