dt44: Mouseover/Mouseout Bildwechsel advanced

Beitrag lesen

SELF-Forum

Mouseover/Mouseout Bildwechsel advanced

dt44
– Informationen zu den Bewertungsregeln

Hei ihr beiden

Danke vielmal für eure Antworten. Haben mich beide zu meinem funktionierendem Ergebnis geführt. Das ganze sieht jetzt so aus:

  
<html>  
<head>  
<title>...</title>  
<script type="Text/Javascript">  
var old;  
function Wechsel(what,bild)  
  {  
 if (what == '0') {  
 old = document.images["Bild1"].src;  
 document.images["Bild1"].src=bild;  
 }  
 if (what == '1') {  
 document.images["Bild1"].src=old;  
 }  
 if (what == '2') {  
 old = bild;  
 document.images["Bild1"].src=bild;  
 }  
  }  
</script>  
</head>  
  
<body>  
  
<a href="#" onMouseOver="Wechsel('0','grün.gif')" onMouseOut="Wechsel('1','')" onClick="Wechsel('2','grün.gif')">Grün</a>  
  
<a href="#" onMouseOver="Wechsel('0','gelb.gif')" onMouseOut="Wechsel('1','')" onClick="Wechsel('2','gelb.gif')">Gelb</a>  
  
<a href="#" onMouseOver="Wechsel('0','rot.gif')" onMouseOut="Wechsel('1','')" onClick="Wechsel('2','rot.gif')">Rot</a>  
  
<img src="original.gif" name="Bild1">  
</body>  
</html>

Das ganze war natürlich nicht nur zum Spass. Soll eine Art Produktkonfigurator werden, beim drüberfahren wechselt die Farbe und man
sieht wie es aussehen könnte, und wenn man drück, wird die Farbe gewählt...

Nochmals vielen Dank,
Grüsse, dt44

Beitrag melden
–
Informationen zu den Bewertungsregeln