Hvordan lage en Javascript Sykling Banner

En Javascript sykling banner er en interessant gruppe av HTML og Javascript-kode; det gir en rekke bilder til kontinuerlig syklus, slik som banner reklameannonser. Etter å finne bildene du ønsker å bruke, kan du følge disse instruksjonene for å lage en sykling banner av dine egne.

Bruksanvisning

1 Åpne Notepad eller din foretrukne HTML-redigeringsprogram. Merke opp dokumentet med grunnleggende åpning tags som følger.

3 Skriv Javascript-funksjonen for å gjøre bildene kontinuerlig syklus. I eksempelet nedenfor, fastslår Javascript-kode for at bildene skal sykle gjennom de ovennevnte array, som har tre bilder. Når matrisen når bildet tre, begynner den over i begynnelsen. Cycle timing er uttrykt i millisekunder, så i koden under, "3000" representerer tre sekunder.

function cycle()
{
document.example.src = imgBanner[index].src;
index++;
if (index == 3)
{
index = 0;
}
setTimeout("cycle()", 3000);
return;
}

4 Lukke ut de grunnleggende koder i dokumentet hodet. Deretter begynner kroppen av dokumentet. Legg merke til kroppen koden kaller opp funksjonen du opprettet kalt "syklus."

5 Fortell dokumentet hvilket bilde som skal vises når siden først laster. Legg merke til ved å navngi bilde container "eksempel" du bruker det samme objektet navn som den forrige gruppen med kode (document.example.src).
<Img src = "samplepicture1.jpg"

name="example">

6 Avslutt koding dokumentet ved å lukke ut de resterende HTML-koder.