Kuidas teha lihtsa Javascript Slideshow

JavaScript, ka js on web skriptikeelt tegutseb samuti DOM (dokumendi objektimudel) elemente. See on mitmeplatvormiline tehnoloogia objektide puhul HTML. Erinevate erinevate objektide HTML pääsedes võiks isegi aru lihtne Javascript slideshow puhas JavaScripti kood.

See artikkel annab teile lihtne Javascript slideshow näide, mida saate lisada pildi slaidišõu oma veebilehel. Saate kontrollida, mida ja kui palju pilte lisada ning slaidiseansi kiirust. Ainus Fade siirrostehoste kasutatakse Javascript slideshow. Saada rohkem kontrolli üle pilt pilt, näiteks rohkem siirdeefekte, slideshow pealkirjad, pildi hüperlink, jne, on soovitatav rakendada rohkem võimas slideshow tegija nagu Flash Galerii Factory, mis lisab kohe pilkupüüdev näitab oma veebilehel.

Võiks saada ka täiustatud Javascript programmeerija laiendada javascript koodid paremini javascript slideshow W3C.com Javascript kursuse õppides. Nüüd näen, kuidas luua lihtne Javascript slideshow samm.

1 alustada JS slideshow koodi näide:

Ei ole vaja kirjutada Javascript slideshow koodi nullist. Siin on Javascript slideshow näide (1 kb, zip). Uus ja ekstrakti arvutisse. Me lihtsalt muuta see oma vajadustele. Saate ühe javascript slideshow-example.html faili.

2 muutke pildi nimi, pildi tee, js slaidiseansi kiirus

Seda oma lemmik tekstiredaktoriga avada ja muuta vastavalt toimikusse märkustele.

• Slaidi kestuse muutmiseks minge slideShowspeed parameeter.
• Lisada rohkem pilte, Kopeeri ja kleebi Pic [0] = "1.jpg" line ja array numbri ja pildi failinime muutmine vastavalt. Kui teie pilt on paigutatud kausta, näiteks pilte, kasutada seotud teed nagu Pic [0] = 'images/1.jpg'. Võite kasutada ka absoluutne pildi aadress siia.

3 embed Javascript slideshow oma veebilehele

Nüüd soovite kinnistada Javascript slideshowveebilehe avada. Kopeeri ja kleebi kogu < script > tag vahelisel < head > ja < / pea >. Siis lase lehekülje alguse Javascript slideshow lehe laadimisel lisades onLoad="javaSlideShow()" atribuut < keha > tag. Lõpuks, veenduge õiges asendis lehekülje ilmuma Javascript. Selleks lihtsalt panna koodi vahel < tabel > ja < / tabel > tags kui see peaks olema.

4 salvestada ja eelvaate Javascript slideshow

OK, salvestage see ja eelvaateks. Kui kõik läheb õige, võite näha Javascript slideshow nagu see.