henning: Bildershow

Beitrag lesen

Hallo,

ich habe folgendes Problem. Ich will eine Art Bildershow machen. Dies klappt auch wunderbar, hat jedoch ein Manko. Ich möchte gerne das ich auf ein Bild klicke und dieses sich in einem neuen Fenster vergrößert darstellt und ich per "weiter", "zurück" auch andere Bilder groß darstellen lassen kann. Das Problem ist folgenes: Ich habe es jetzt geschafft die Bilder groß und in einem neuen Fenster darzustellen, jedoch weiß ich nicht wie ich es schaffe, dass er das ausgewählte Bild auch als erstes zeigt. Im moment stellt er ja, wie aus dem Quellcode ersichtlich, immer das bild a00.jpg als erstes dar. Gibt es da irgendeine Möglichkeit das er das ausgewählte Bild als eine Art Startpunkt zu setzen?

Hier der Quellcode:
<script language="JavaScript">
<!-- Verstecken für ältere Browser --

var i = 1
 images = new Array
 images[00] = "a00.jpg"
 images[01] = "a01.jpg"
 images[02] = "a02.jpg"
 images[03] = "a03.jpg"
 images[04] = "a04.jpg"
 images[05] = "a05.jpg"
 images[06] = "a06.jpg"
 images[07] = "a07.jpg"
 images[08] = "a08.jpg"
 images[09] = "a09.jpg"
 images[10] = "a10.jpg"
 images[11] = "a11.jpg"
 images[12] = "a12.jpg"
 images[13] = "a13.jpg"
 images[14] = "a14.jpg"
 images[15] = "a15.jpg"

function gallery(){
 if (i == 00){
  document.gallery.previous.value="       ";}
}
function previmg(){
 if (i != 00) {
  i--;
  document.img.src = images[i];
  document.gallery.next.value = "Nächstes >";}
 if (i == 00) {
  document.gallery.previous.value="        ";}

}

function nextimg(){
 if (i != 15) {
  i++;
  document.gallery.previous.value="< Vorheriges"
  image = images[i];
  document.img.src = image;}
 if (i ==15){
  document.gallery.next.value="    ";}
}
function firstimg(){
 i = 00;
 document.img.src = images[i];
 document.gallery.previous.value="        ";
 document.gallery.next.value="Nächstes >";
}
function lastimg(){
 i = 15;
 document.img.src = images[i];
 document.gallery.next.value="    ";
 document.gallery.previous.value="< Vorheriges";
}
// -- Ende verstecken -->
</script>
</head>

<body bgcolor="d4d4d4">
<p align="center"><font size="3"> </font><img border="0" name="img" src="a00.jpg" > </p>

Grüße,