<body onLoad="gallery();">
<IMG SRC="IhreErsteGrafik.gif" name="img" border=0>
<form name="gallery">
<input type=text value=" " name="desc" size=34><br>
<input type=button value="< Vorheriges" name="previous" onClick="previmg();">
<input type=button value="|<< Erstes" name="first" onClick="firstimg();">
<input type=button value="? Zufälliges ?" name="random" onClick="pickrand();">
<input type=button value="Letztes >>|" name="last" onClick="lastimg();">
<input type=button value="Nächstes >" name="next" onClick="nextimg();">
</form>
<script language="JavaScript">
<!-- Verstecken für ältere Browser --
var i = 1
images = new Array
images[1] = "IhrBild.gif #1"
images[2] = "IhrBild.gif #2"
images[3] = "IhrBild.gif #3"
images[4] = "IhrBild.gif #4"
images[5] = "IhrBild.gif #5"
images[6] = "IhrBild.gif #6"
description = new Array
description[1] = "Bildbeschreibung #1"
description[2] = "Bildbeschreibung #2"
description[3] = "Bildbeschreibung #3"
description[4] = "Bildbeschreibung #4"
description[5] = "Bildbeschreibung #5"
description[6] = "Bildbeschreibung #6"
function gallery(){
if (i == 1){
document.gallery.desc.value = description[1]
document.gallery.previous.value=" "}
}
function previmg(){
if (i != 1) {
i --
document.img.src = images[i];
document.gallery.desc.value = description[i];
document.gallery.next.value = "Nächstes >"}
if (i == 1) {
document.gallery.previous.value=" "}
}
function nextimg(){
if (i != 6) {
i ++
document.gallery.previous.value="< Vorheriges"
image = images[i]
document.img.src = image
document.gallery.desc.value = description[i];}
if (i ==6){
document.gallery.next.value=" ";}
}
function pickrand(){
var imagenumber = 6 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
document.gallery.desc.value = description[rand1];
i = rand1
if (i == 1){
document.gallery.previous.value=" ";}
else {
document.gallery.previous.value="< Vorheriges";}
if (i == 6){
document.gallery.next.value=" ";}
else {
document.gallery.next.value="Nächstes >";}
}
function firstimg(){
i = 1
document.img.src = images[i];
document.gallery.desc.value = description[i];
document.gallery.previous.value=" ";
document.gallery.next.value="Nächstes >"
}
function lastimg(){
i = 6
document.img.src = images[i];
document.gallery.desc.value = description[i];
document.gallery.next.value=" "
document.gallery.previous.value="< Vorheriges"
}
// -- Ende vertecken -->
</script>
Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
unterstützt.
<body onLoad="gallery();">
<IMG SRC="IhreErsteGrafik.gif" name="img" border=0>
<form name="gallery">
<input type=text value=" " name="desc" size=34><br>
<input type=button value="< Vorheriges" name="previous" onClick="previmg();">
<input type=button value="|<< Erstes" name="first" onClick="firstimg();">
<input type=button value="? Zufälliges ?" name="random" onClick="pickrand();">
<input type=button value="Letztes >>|" name="last" onClick="lastimg();">
<input type=button value="Nächstes >" name="next" onClick="nextimg();">
</form>