// really not important (the first two should be small for Opera's sake) PositionX = 10; PositionY = 10; defaultWidth = 450; defaultHeight = 338; // kinda important var AutoClose = true; // popup function function myImagePopup(imageURL,imageTitle) { var imgWin = window.open('','_blank','scrollbars=no,resizable=1,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY); if( !imgWin ) { return true; } //popup blockers should not cause errors imgWin.document.write(''+imageTitle+'<\/title><script type="text\/javascript">\n'+ 'function resizeWinTo() {\n'+ 'if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }'+ 'var oH = document.images[0].height, oW = document.images[0].width;\n'+ 'if( !oH || window.doneAlready ) { return; }\n'+ //in case images are disabled 'window.doneAlready = true;\n'+ //for Safari and Opera 'var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+ 'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+ 'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+ 'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+ 'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+ 'if( window.opera && !document.childNodes ) { myW += 16; }\n'+ 'x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+ 'var scW = screen.availWidth ? screen.availWidth : screen.width;\n'+ 'var scH = screen.availHeight ? screen.availHeight : screen.height;\n'+ 'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); }\n'+ '}\n'+ '<\/script>'+ '<\/head><body onload="resizeWinTo();"'+(AutoClose?' onclick="self.close();"':'')+'>'+ (document.layers?('<layer left="0" top="0">'):('<div style="position:absolute;left:0px;top:0px;display:table;">'))+ '<img src='+imageURL+' alt="Laduje obraz.." title="" onload="resizeWinTo();">'+ (document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>'); imgWin.document.close(); if (imgWin.focus) imgWin.focus(); return false; } // function that does the onload behaviour window.onload = function () { // check DOM method support if (!document.getElementsByTagName) return true; // get links in the page and how many there are var myLinks = document.getElementsByTagName('a'), i = myLinks.length; // go through each link while (i--) { var a = myLinks[i]; // check for href and that the class attribute has our "popimage" class name in it // could use search method with \b delimiters: search(/\bpopimage\b/) // but do we really need the power of regular expressions?! if (a.href && a.className.match('popimage')) { // add onclick function a.onclick = function (e) { // to stop the browser from following the link after this function is done // you might want to return false at the end, but don't... it's wrong // the following will prevent the link from being followed // since IE6 and down doesn't support the lovely preventDefault method // the easy way out would be to just let IE return false myImagePopup(this.href,'SEKO'); if (window.event) window.event.returnValue = false; else e.preventDefault(); // my perfectionist way /* var evt = e || window.event; if (evt.preventDefault) { myImagePopup(this.href,'SEKO'); evt.preventDefault(); } else { // since IE6 and down doesn't support the preventDefault method // the following will dynamically disable the href if (this.href != '#') { this.imageLocation = this.href; this.href = '#'; } if (this.imageLocation) myImagePopup(this.imageLocation,'SEKO'); } */ } if (a.captureEvents) a.captureEvents(Event.CLICK); } // we can even add to or create the title attribute if we want to //a.title += a.title ? " (Opens in a new window)" : "Image opens in a new window"; } }