nicht angemeldet
Bild Popup durch externe js Datei öffnen
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
-
Hallo Daniel,
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.
das ist programmiertechnisch kein Problem - auch wenn Popups nicht die allerbeste Lösung sind.
Folgenden Code nutze ich:
wo hast Du den ausgegraben? Vergiß diesen Code.
var NS = (document.layers) ? 1 : 0;
document.layers wurde von Netscape 4.x und wenn ich mich richtig erinnere von Netscape 6.0 unterstützt. Beides sind Museumsstücke, die in der freien Wildbahn nur noch in Ausnahmefällen zu sehen sind. Der Code dürfte daher ca. 10 Jahre alt sein :-)
Was habe ich falsch gemacht? Kann mir da jemand weiterhelfen?
a) Das Javascript-Kapitel von SELFHTML
b) Molilys Artikel Popups mit Javascript
c) Struppis Foto-Popupd) Die auf den Frameworks jQuery bzw. prototype basierenden beliebten
- Thickbox
- LightboxFreundliche Grüße
Vinzenz
-