JavaScripts -> Fenster -> Bild-Popup mit Preloader

Dieses Bild-Popup passt sich automatisch der Größe des geladenen Bildes an. Das Bild wird erst angezeigt, wenn es auch vollständig geladen ist, vorher wird eine Wartemeldung angezeigt. Bei Klicken auf das Bild schließt sich das Ausgabefenster.

Kompatibilität getestet:
Beispiel Anzeigen >>

Script-Code

<script type="text/javascript">
<!--
//PicPop v1.0 (c) 2003 Triple-M - HTML Arsenal

//<img src="thumbnail" onClick="loadimage(url)">


//---------

var pic;
var sh,sw;
function loadimage(src) {
pic=new Image();
pic.src=src;
sw=screen.availWidth;
sh=screen.availHeight;
l=parseInt((sw-150)/2);
t=parseInt((sh-54)/2);
win=window.open("","win","fullscreen=no, resizable=yes");
win.moveTo(l,t);
win.resizeTo(150,54);
win.document.open("text/html","replace");
win.document.write('<html><head><title>Bildausgabe</title></head>');

win.document.write('<body style="background-color:#000000; color:#ffffff; font-family:Verdana,sans-serif; margin:0px; padding:0px; text-align:center; font-size:12px; overflow:hidden" id="body"><img src="" alt="" border="0" onClick="self.close()" name="pic" id="pic" width="0" height="0">Bild wird geladen...</body></html>');
win.document.close();
win.focus();
check();
}

function check() {
if(pic.complete) {
win.document.pic.src=pic.src;
win.document.pic.width=pic.width;
win.document.pic.height=pic.height;
win.document.pic.style.width=pic.width;
win.document.pic.style.height=pic.height;
win.document.pic.title="Klicken Sie auf das Bild, um dieses Fenster zu schliessen!";
win.document.getElementById("body").lastChild.nodeValue="";
w=pic.width+10;
h=pic.height+32;
l=parseInt((sw-w)/2);
t=parseInt((sh-h)/2);
if(navigator.userAgent.indexOf("Opera")!=-1)t=0;
win.resizeTo(w,h);
win.moveTo(l,t);
win.focus();
}
else window.setTimeout("check()",100);
}

//-->
</script>