nicht angemeldet
Hallo Nils
Ich hatte gerade etwas Zeit und hab deswegen ausnamsweise ein
komplettes Script geschrieben:
tets.html (die seite mit den kleinen Bildern):
<html>
<head>
<title>test</title>
<script>
var extension = "big";
var fenster = null;
function popup(bild) {
var tokens = bild.src.split(".");
var bbild = new Image();
bbild.src = tokens.slice(0,tokens.length - 1).join(".") + "." + extension + "." + tokens[tokens.length - 1];
if(fenster != null && !fenster.closed) fenster.close();
fenster = open("popup.html?" + bbild.src,"popup","height=" + bbild.height + ", width=" + bbild.width);
}
</script>
</head>
<body>
<a href="#" onclick="popup(document.bild1)"><img name="bild1" border="0" src="test.gif"></a><br>
<a href="#" onclick="popup(document.bild2)"><img name="bild2" border="0" src="test2.gif"></a>
</body>
</html>
popup.html (die Seite für das Popupfenster)
<html>
<head>
<title>popup</title>
</head>
<body>
<script>
var url = window.location.href.split("?");
document.open();
document.write("<img style="position:absolute; top:0px; left:0px" src="" + url[1] + "">");
document.close();
</script>
</body>
</html>
Die großen Bilder müssen in dem Fall test1.big.gif und test2.big.gif heißen.
Im Mozilla und im IE hab ich das Script getestet. Wenn es irgendwo
nicht tun sollte, kann man eventuell noch mit window.resizeTo()
arbeiten.
Viel Spass beim Verstehen ;-)
Grüße
Daniel