Guten morgen,
ich möchte in einer html-Datei durch einen Bildlink ein Bild öffnen welches durch javascript gesteuert werden soll. Die Scripte möchte ich in einer externen datei ablegen.
Wenn ich den Link betätige, wird ein neues Fenster geöffnet und gleich wieder geschlossen, ohne ein Bild zu öffnen.
Folgenden Code nutze ich:
HTML:
<html>
<head>
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script TYPE="text/javascript" src="bilder.js"></script>
</script>
</head>
<body leftmargin=0 topmargin=0 marginwidth="0" marginheight="0">
<a href="javascript:ViewImage('bild.jpg',200,150,'test')"> <img src="bild.jpg" width="107" height="162" border="0" class="rahmen" alt="Zum Vergrößern - ANKLICKEN"></a>
</body>
</html>
BILDER.JS:
// ifile = Dateiname
// ix = Breite
// iy = Höhe
// ititle = Titelzeilentext
function ViewImage(ifile,ix,iy,ititle) {
var win;
var sWidth;
var sHeight;
var NS = (document.layers) ? 1 : 0;
win = window.open("","imageviewer","width="+ix+",height="+iy+",menubar=no,toolbar=no");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
if(sWidth!=ix || sHeight!=iy) {
win.close();
setTimeout("ViewImage('"+ifile+"',"+ix+","+iy+",'"+ititle+"')", 400);
return;
}
win.document.open();
win.document.write("<html><head><title>"+ititle+"</title>");
win.document.write("</head><body>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+"></div></body></html>");
win.document.close();
}
Was habe ich falsch gemacht? Kann mir da jemand weiterhelfen?
Gruss
daniel