<script language="JavaScript">
<!-- Verstecken für ältere Browser --
var i = 1
images = new Array
images[1] = "1.gif"
images[2] = "2.gif"
images[3] = "3.gif"
images[4] = "4.gif"
images[5] = "5.gif"
images[6] = "6.gif"
images[7] = "7.gif"
images[8] = "8.gif"
images[9] = "9.gif"
function gallery(){
if (i == 1){
document.gallery.previous.value=" "}
}
function previmg(){
if (i != 1) {
i --
document.img.src = images[i]
document.gallery.next.value = "Nächstes >"}
if (i == 1) {
document.gallery.previous.value=" "}
}
function nextimg(){
if (i != 9) {
i ++
document.gallery.previous.value="< Vorheriges"
image = images[i]
document.img.src = image}
if (i ==9){
document.gallery.next.value=" ";}
}
function pickrand(){
var imagenumber = 9 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
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.previous.value=" ";
document.gallery.next.value="Nächstes < Vorheriges"
}
// -- Ende verstecken --</script>
Ein Script zum Anzeigen von Bildern. Dabei muss der User nur auf einen Button Klicken und ihm wird das nächste Bild gezeigt, ohne das dabei die Seite selber neu geladen.
Im Javascript Code sind 9 Bilder eingesetzt, wenn das Script mit mehr oder weniger Bildern betrieben wird, muß man an einigen Stellen eine kleine änderung machen.(mal nach der 9 schauen!).
Die Anzeige der Bilder erfolgt dan über einen Einfachen IMG Befehl.
<img border="0" name="img" src="1.gif" width="64" height="18">
Wenn die Bilder unterschiedlichen Größen haben, sollte man die width und height angaben natürlich weglassen. Wichtig bei dem IMG Code ist aber der Name name="img"
zum Schluss müssen nur noch die Buttons zur Steuerung eingebunden werden. das passiert dann folgenden Code
<form name="gallery">
<div align="center"><center><input name="previous" onclick="previmg();" type="button"
value="< Vorheriges"> <input name="first" onclick="firstimg();" type="button"
value="|<< Erstes"> <input name="random" onclick="pickrand();" type="button"
value="? Zufall ?"> <input name="last" onclick="lastimg();" type="button"
value="Letztes >>|"> <input name="next" onclick="nextimg();" type="button"
value="Nächstes >">
</center></div>
</form>
