Bildaustausch mit Netscape 4.79

B

Beervampir

Mitglied
Moin erstmal,

ich habe ein mittelschweres Problem mit dem Bildaustausch.
Damit ihr euch mein Problem vorstellen könnt, schaut auf http://www.zeitlupenmodel.de/prob da habe ich eine vergleichbare Datei abgelegt.

....und nun zu meinem Problem:
ich möchte jedesmal wenn man über die Vorschaubilder fährt einen Bildaustausch des großen Bildes. Im Explorer ist das mit DW ja auch alles kein Prob, aber der gute alte Netscape 4.79 kriegt das alles einfach nicht gewuppt.

Falls ihr eine Idee habt, würde ich mich sehr drüber freuen!

Thx im vorraus!
 
das sollte gehn:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<script language="JavaScript">
	//Bilder in Chache speichern
	var bild01_klein = new Image();
	bild01_klein.src = "gfx/bild01_klein.gif";
	var bild02_klein = new Image();
	bild02_klein.src = "gfx/bild02_klein.gif";
	var bild03_klein = new Image();
	bild03_klein.src = "gfx/bild03_klein.gif";
	var bild04_klein = new Image();
	bild04_klein.src = "gfx/bild04_klein.gif";
	var bild01_gross = new Image();
	bild01_gross.src = "gfx/bild01_gross.gif";
	var bild02_gross = new Image();
	bild02_gross.src = "gfx/bild02_gross.gif";
	var bild03_gross = new Image();
	bild03_gross.src = "gfx/bild03_gross.gif";
	var bild04_gross = new Image();
	bild04_gross.src = "gfx/bild04_gross.gif";
	//Ende -- Bilder in Chache speichern
	
	//Change Picture-Funktion
	function changePic(imgName) {
	  var d = document;
	  if(d.layers) {
	    eval("d.layers['big'].src = " + imgName + ".src;");
	  } else if(d.all) {
	    eval("d.all['big'].src = " + imgName + ".src;");
	  } else if((!d.all)&&(d.getElementById)) {
	    eval("d.getElementById('big').src = " + imgName + ".src;");
	  }
	}
	</script>
</head>

<body>

<table cellpadding=0 cellspacing=0 border=0 width=400>
  <tr>
    <td width=200>
	<img src="gfx/bild01_gross.gif" name="big">
	</td>
	<td>
	<img src="gfx/bild01_klein.gif" onmouseover="changePic('bild01_gross')"><p>
	<img src="gfx/bild02_klein.gif" onmouseover="changePic('bild02_gross')"><p>
	<img src="gfx/bild03_klein.gif" onmouseover="changePic('bild03_gross')"><p>
	<img src="gfx/bild04_klein.gif" onmouseover="changePic('bild04_gross')"><p>
    </td>
  </tr>
</table>

</body>
</html>

greetZZzz
 
Oki, besten Dank!
Ich habe zwischenzeitlich schon eine andere Variante gefunden, mit der es einwandfrei funzt!

Trotzdem THX.
 
document.imgaes

Hi Samuel,
tolles Script, nur sollte für Netscape/Mozilla die Methode "Images" verwendet
werden, sonst tut sich in o.g. Browsern leider gar nichts.

Also: if(d.layers) {
eval("d.layers['big'].src = " + imgName + ".src;");
} else if(d.images) {
eval("d.images['big'].src = " + imgName + ".src;");
} else if((!d.all)&&(d.getElementById)) {
eval("d.getElementById('big').src = " + imgName + ".src;");

Viele Grüße,
Tplant
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück