Kaikki aiheet

+
Home > Resurssin > vinkkejä > Miten tehdä yksinkertainen Javascript-diaesitys

Kuinka tehdä yksinkertainen Javascript-diaesitys

JavaScript, tunnetaan myös nimellä js on web skriptikieli käyttää DOM (Document Object Model)-elementtejä. Se on cross-platform teknologiaa vuorovaikutuksessa esineitä HTML. Käyttämällä erilaisia eri esineitä HTML, edes ymmärtää yksinkertainen Javascript diaesitys puhdasta Javascript-koodia.

Tämä artikkeli antaa yksinkertainen Javascript diaesitys esimerkiksi niin, että voit lisätä sivustosi kuva-galleria. Voit määrittää, mitä ja kuinka monta kuvaa on mukana sekä diaesityksen nopeutta. Vain Fade siirtymisen vaikutus käytetään Javascript diaesitys. Saada enemmän valvontaa kuvan diaesityksiä siirtymisen vaikutukset, diaesitys otsikot, kuvastaa hyperlink, jne., on suositeltavaa käyttää enemmän tehokas slideshow maker kuten Flash Galleria Factory, joka lisää heti silmäänpistävä osoittaa sivustoosi.

Download Win Version

Voit myös tulla advanced Javascript-ohjelmoija jatkaa paremmin javascript diaesitys javascript-koodeja oppimisen Ohjelman kurssin W3C.com. Nyt nähdä miten askel askeleelta yksinkertainen Javascript diaesitys.

1 Aloita JS kuvaesitys koodi esimerkki

Ei ole tarpeen kirjoittaa Javascript diaesitys-koodi tyhjästä. Tässä on ohjelman diaesitys esimerkki (1 kb, zip). Lataa ja pura tietokoneeseen. Me yksinkertaisesti muokata sitä tarpeisiisi. Saat yksittäisen ohjelman diaesitys example.html-tiedoston.

2 Vaihda kuvan nimi, kuvan polku, js diaesityksen nopeus

Avaa se suosikki tekstieditorissa ja muuttaa sitä lisäämällä tiedostoon toteaa.

  • Jos haluat muuttaa kuvan kesto, siirry slideShowspeed parametri.
  • Voit lisätä kuvia vain kopioimalla ja liittämällä kuva [0] = "1.jpg" linja, ja taulukon numero ja kuvan tiedostonimen muuttaminen vastaavasti. Jos kuva sijoitetaan kansioon, esimerkiksi kuvia, käytä liittyvät polkua kuten kuva [0] = "images/1.jpg". Voit myös käyttää absoluuttista kuvan osoite täällä.

3 upottaa Javascript diaesitys web-sivulle

Nyt avata web-sivun, jonka haluat upottaa Javascript diaesitys. Kopioi ja liitä koko < script > tag paikkaan < head > ja < / asukas >. Anna sivun alkavan Javascript-diaesitys, kun sivu ladataan lisäämällä onLoad="javaSlideShow()" määrite < body >-tunnisteeseen. Lopuksi Varmista ohjelman näkyvät sivun oikeassa asennossa. Tällöin vain laittaa koodia välillä < table > ja < / table > Tunnisteet paikollaan.

4 Tallenna ja Esikatsele Javascript diaesitys

OK Tallenna se ja esikatsella. Jos kaikki menee oikein, saatat nähdä Javascript diaesitys näin.

Liittyviä kysymyksiä? Puhua suoraan asiakaspalveluumme >>

Alkuun