onClick wird nicht richtig neu geschrieben.... :(

S

sPEs

Grünschnabel
hallo leute,

habe ein kleines problem an dem ich schon seit tagen hänge :(
und zwar, wenn ich über eines der drei bilder mit der maus drüber gehe, dann wird dies auf der aktuellen seite grösser angezeigt. nun möchte ich das aktuelle bild was nun grösser auf der seite angezeigt wird mit einem klick in einen neuen fenster mit window.open() anzeigen und das fenster soll die grösse des zu öffnenden bildes bekommen.

ich habe alles hinbekommen nur das sich der onclick inhalt irgendwie nicht geändert bzw. richtig übernommen wird.

Kann mir dabei jemand sagen wo mein problem ist bzw. der fehler liegt

habe euch mein code von der html datei mal mit gepostet damit ihr seht bzw. wisst was ich möchte und meine und ihr euch ein besseren überblick machen könnt.

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LinkTEST</title>
<script type="text/javascript" language="javascript1.5">
	// Bilder bekannt machen
	// variablennamen werden vergeben
	var bild1 = new Image();
	var bild2 = new Image();
	var bild3 = new Image();
	var bild4 = new Image();
	// den Variablen wird die Bildquelle zugewiesen
	bild1.src = "page/gallery/shop/shop_001.jpg";
	bild2.src = "page/gallery/shop/shop_002.jpg";
	bild3.src = "page/gallery/shop/shop_003.jpg";
	bild4.src = "page/gallery/shop/shop_004.jpg";
	
	var Linkbild = new Array("ViewBigPic('page/gallery/shop/shop_001.jpg',640,480); return false;",
							 "ViewBigPic('page/gallery/shop/shop_002.jpg,640,480); return false;",
							 "ViewBigPic('page/gallery/shop/shop_003.jpg,640,480); return false;",);

	// Funktion zum Tauschen der Bilder
	function Zeigen(Bildname,LinkBildarr) {
		var BildArray = 0;
		BildArray = LinkBildarr;
		eval("document['picture'].src = " + Bildname + ".src");
		document.getElementById("linkbildpic").onClick = Linkbild[BildArray];
		BildArray = 0;
	}
	
	function ViewBigPic(PicLink,PicW,PicH){
		w = window.open(PicLink,'flyView','toolbar=no, status=no, menubar=no, scrollbars=no, width='+PicW+', height='+PicH);
		w.focus();
	}
</script>
</head>
<body>
<a id="linkbildpic" href="#" onClick="ViewBigPic('page/gallery/shop/shop_001.jpg',640,480); return false;" >
<img src="page/gallery/shop/shop_001.jpg" name="picture" height="300" border="0" />
</a>
<br>
<img src="page/gallery/shop/shop_001.jpg" alt="Bild 001" height="100" border="0" onMouseOver="Zeigen('bild1','0')" />&nbsp;
<img src="page/gallery/shop/shop_002.jpg" alt="Bild 002" height="100" border="0" onMouseOver="Zeigen('bild2','1')" />&nbsp;
<img src="page/gallery/shop/shop_003.jpg" alt="Bild 003" height="100" border="0" onMouseOver="Zeigen('bild3','2')" /><br>
</body>
</html>

ich bedanke mich schon mal im vorraus und hoffe das mir dabei jemand helfen kann :)
 
danke danke für die schnelle antwort, habe es ausprobiert aber mein problem ist nicht weg er öffnet zwar wie vorher auch das fenster, nur im fenster wird immer nur das bild shop_001.jpg angezeigt alle anderen werden im neuen fenster nie angezeigt, obwohl das vorschaufenster beim rollover der kleinen bilder korrekt angezeigt wird, nur wenn ich dann auf das grosse bild klicke wird es in einen neuen fenster angezeigt aber aber immer nur mit dem alten und ersten bild dem shop_001.jpg.

hier mein jetztiger code:

Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LinkTEST</title>
<script type="text/javascript" language="javascript1.5">
	// Bilder bekannt machen
	// variablennamen werden vergeben
	var bild1 = new Image();
	var bild2 = new Image();
	var bild3 = new Image();
	// den Variablen wird die Bildquelle zugewiesen
	bild1.src = "page/gallery/shop/shop_001.jpg";
	bild2.src = "page/gallery/shop/shop_002.jpg";
	bild3.src = "page/gallery/shop/shop_003.jpg";
	
	var Linkbild = new Array("ViewBigPic('page/gallery/shop/shop_001.jpg',640,480); return false;",
							 "ViewBigPic('page/gallery/shop/shop_002.jpg,640,480); return false;",
							 "ViewBigPic('page/gallery/shop/shop_003.jpg,640,480); return false;");

	// Funktion zum Tauschen der Bilder
	function Zeigen(Bildname,LinkBildarr) {
		var BildArray = 0;
		BildArray = LinkBildarr;
		eval("document['picture'].src = " + Bildname + ".src");
		document.getElementById("linkbildpic").onClick = new Function('fx',Linkbild[BildArray]);
		//document.getElementById("linkbildpic").onClick = Linkbild[BildArray];
		BildArray = 0;
	}
	
	function ViewBigPic(PicLink,PicW,PicH){
		w = window.open(PicLink,'flyView','toolbar=no, status=no, menubar=no, scrollbars=no, width='+PicW+', height='+PicH);
		w.focus();
	}
</script>
</head>
<body>
<a id="linkbildpic" href="#" onClick="ViewBigPic('page/gallery/shop/shop_001.jpg',640,480); return false;" >
<img src="page/gallery/shop/shop_001.jpg" name="picture" height="300" border="0" />
</a>
<br>
<img src="page/gallery/shop/shop_001.jpg" alt="Bild 001" height="100" border="0" onMouseOver="Zeigen('bild1','0')" />&nbsp;
<img src="page/gallery/shop/shop_002.jpg" alt="Bild 002" height="100" border="0" onMouseOver="Zeigen('bild2','1')" />&nbsp;
<img src="page/gallery/shop/shop_003.jpg" alt="Bild 003" height="100" border="0" onMouseOver="Zeigen('bild3','2')" /><br>
</body>
</html>
 
*offtopic*

Bitte beachte die Netiquette Nr.15 und korrigiere deine Beiträge hinsichtlich der Groß- und Kleinschreibung, indem du auf den "Ändern"-Button des jeweiligen Beitrages klickst.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück