Skrypt pozwala wyświetlać sekwencję grafik. Nawigacja obejmuje krok do przodu, krok wstecz i powrót na początek. Grafiki nie muszą mieć tych samych rozmiarów - w takiej sytuacji przyciski nawigacyjne lepiej jest umieścić ponad obrazkami, aby nie zmieniały swojej pozycji, gdy zmieni się rozmiar wyświetlanego obrazka. Liczba grafik może być dowolna.
Skopiuj przykładowy kod
<center>
<strong>Czasopisma</strong><br><br>
<img src="../grafika/enter.gif" name="photoslider" alt=" ">
<form method="POST" name="rotater">
<script language="JavaScript1.1">
var photos=new Array()
var which=0
/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="../grafika/enter.gif"
photos[1]="../grafika/pcq.gif"
photos[2]="../grafika/gambler.gif"
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script>
<input type="button" value=" << " name="B2"
onClick="backward()"> <input type="button" value=" >> " name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;backward();return false"><small>Od początku</small></a>
</form>
</center>