eggitom: Diashow nicht mit dem ersten Bild beginnen

Beitrag lesen

Hallo zusammen

Ich hoffe, ich blamiere mich als Neuling nicht allzusehr...

Mit viel Suche und im Internet zur Verfügung gestellten Vorlagen/Templates habe ich den Grundaufbau für "meine" erste Homepage jetzt zusammen: Hauptsächlich HTML, etwas CSS und jetzt ganz wenig Javascript für eine einfache Diashow.

Für mein Problem relevant sind zwei HTML-Dateien:
a) das Tagebuch: Text und Thumbnails, alles bisher nur HTML mit Styles in einem separaten Sheet
b) die Diashow: Styles im gleichen Sheet, Javascript in einem separaten Sheet.

Nun mein Problem, auf das ich bisher keine mir verständliche Antwort gefunden habe: Ich möchte aus den Thumbnails im Tagebuch die Diashow in einem eigenen Tag öffnen. Das funktioniert im Moment mit "<a href="Fotoalbum.html" target="blank"><img src="thumbs\000_NPP_Scan.jpg" width="160" vspace="0" hspace="0" title="Zum Fotoalbum"><p>Nationalpark-Pass</p></a>" für das erste Thumbnail und sinngemäss auch für die anderen.

Mein Problem ist, dass die Diashow auf diese Weise immer mit dem ersten Bild beginnt und nicht mit dem dem "anstossenden" Thumbnail entsprechenden Bild. Gibt es eine Möglichkeit, das aus der ersten Datei heraus zu steuern? Ich stelle mir das so vor, dass ich die js-Datei um die entsprechenden Befehle erweitere und aus der ersten Datei heraus eine Variable übergebe, welche der zweiten das zu öffnende Bild übergibt. Rein theoretisch natürlich...

Hier noch die Angaben zur Diashow:

a) Javascript
function Wechsel()
{
document.getElementById("Foto").src = list.options[list.selectedIndex].value;
}

function VorherigesFoto()
{
  if(list.selectedIndex == 0)
  {
  list.selectedIndex = list.options.length-1;
  }
  else
  {
list.selectedIndex--;
}
Wechsel();
}

function NaechstesFoto()
{
  if(list.selectedIndex == list.options.length-1)
  {
  list.selectedIndex = 0;
  }
  else
  {
list.selectedIndex++;
}
Wechsel();
}

b) HTML (der Javascript-Teil aus dem Body)
<input class="klein" type="button" value="zur&uuml;ck" onclick="javascript:VorherigesFoto()">

	<select class="pull" id="list" onchange="javascript:Wechsel()">  

<option value="images\000_NPP_Scan.jpg">Nationalpark-Pass</option>
<option value=...etc. für jedes Bild...
</select>
<input class="klein"  type="button" value="n&auml;chstes" onclick="javascript:NaechstesFoto()">

Die Styles sind ebenfalls in einer separaten Datei, spielen aber hier (hoffentlich) eine untergeordnete Rolle. Falls notwendig setze ich natürlich auch den ganzen Code hier rein und ein paar Bilder dazu.

Herzlichen Dank erst mal für ein paar erleuchtende Tipps und sonnige Grüsse

--
eggitom