Div Inhalte ändern mit JavaScript

[09az]

Lieber Patrick,

mir ist Bewusst das der name "bilddrei.jpg" nicht im Script auftaucht. Wie ich vorher schon geschrieben habe, funktioniert diese "Erweiterung" des Scriptes (bei mir) nicht und ich weiß auch nicht, wie man das lösen könnte. Das es "bbackground" oder "hide" nicht gibt, ist mir auch bewusst. Sehe es als temporäre "Abschaltung" dieser Attribute - sie sind ja auch für das vorliegende Problem nicht relevant, oder?

Referenzieren brauchte ich bildzwei.jpg im geposteten Script (noch) nicht. Es braucht (bisher) keine besonderen Eigenschaften.

Hier also nochmal mein Ansatz eines erweiterten Div-Containers mit 2 Bildern, wobei sich eines anklicken lässt (bilddrei) und sich daraufhin das zweite Bild ändert (bildeins in bildzwei):

Script:

<script type="text/javascript">
function neuesBild () {
  if (document.getElementById("Bild").src.indexOf("bildeins.jpg") > -1) {
    document.getElementById("Bild").src = "bildzwei.jpg";
    document.getElementById("Bild").title = "Bild 2";
    return;
  }
  if (document.getElementById("Bild").src.indexOf("bildzwei.jpg") > -1) {
    document.getElementById("Bild").src = "bildeins.jpg";
    document.getElementById("Bild").title = "Bild 3";
    return;
  }

}

Container:

<div id="f0">
  <div style="width:9000px">
   <img src="bildeins.jpg" style="float:left; width:auto" alt="work">
   <a href="javascript:neuesBild()"><img id="Bild" src="bilddrei.jpg" alt="Bild 3" title="Bild 3"></a>
 </div>
</div>