Grundlagen fehlen

[Struppi]

function bild( name ) {
}
<img id='pic1' src='img1.jpg'>

Ich nehme an, diese Zeile soll nur zeigen, dass du ein Bild in deinem HTML Code hast, denn hier würdest du eine JS Fehlermeldung bekommen.

bild1 = new bild( 'pic1' );

und hier versuchst du irgendwie einen Bezug zu dem Bild mit der ID herzustellen. Aber woher soll dieser Bezug kommen, wenn du nicht die Referenz auf das Bild aus dem HTML Dokument holst?

Nöö, keiner der Browser zeigt das neue Bild. Also das bild1 Objekt scheint überhaupt keine Verbindung zum Bild zu haben.

Hat es auch nicht.

Wie stelle ich die her?

z.b. so:

<center><img id='pic1' src='bilder/foto2.jpg'><br>Home</center>  
<script type="text/javascript">  

~~~~~~javascript
function Bild(id, src) {  
 var obj = document.getElementById(id);  
 if(obj) {  
  var old_src = obj.src;  
  obj.onmouseover = function() {  
   this.src = src;  
  };  
  obj.onmouseout = function() {  
   this.src = old_src;  
  };  
  
 } else {  
  alert('Das Element  mit der ID '+ id + ' existiert nicht.');  
 }  
}  
new Bild('pic1', 'bilder/foto1.jpg');

</script>

Struppi.