Full version: jsB@nk » Image » Image viewer » Pop-up image viewer
URL: https://www.javascriptbank.com/pop-up-image-viewer.html
This is a useful image viewer script that launches the images in a separate mini window. The great thing about such a script is that the images do not have to be of the same dimensions.
Full version: jsB@nk » Image » Image viewer » Pop-up image viewer
URL: https://www.javascriptbank.com/pop-up-image-viewer.html
<script language="JavaScript"><!--function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {if (bgcolor=="") {bgcolor="#FFFFFF";}var adj=10var w = screen.width;var h = screen.height;var byFactor=1;if(w<740){ var lift=0.90;}if(w>=740 & w<835){ var lift=0.91;}if(w>=835){ var lift=0.93;}if (imageWidth>w){ byFactor = w / imageWidth; imageWidth = w; imageHeight = imageHeight * byFactor;}if (imageHeight>h-adj){ byFactor = h / imageHeight; imageWidth = (imageWidth * byFactor); imageHeight = h; } var scrWidth = w-adj;var scrHeight = (h*lift)-adj;if (imageHeight>scrHeight){ imageHeight=imageHeight*lift; imageWidth=imageWidth*lift;}var posLeft=0;var posTop=0;if (hugger == "hug image"){ if (hugMargin == ""){ hugMargin = 0; } var scrHeightTemp = imageHeight - 0 + 2*hugMargin; if (scrHeightTemp < scrHeight) {scrHeight = scrHeightTemp; } var scrWidthTemp = imageWidth - 0 + 2*hugMargin; if (scrWidthTemp < scrWidth) {scrWidth = scrWidthTemp; } if (scrHeight<100){scrHeight=100;} if (scrWidth<100){scrWidth=100;} posTop = ((h-(scrHeight/lift)-adj)/2); posLeft = ((w-(scrWidth)-adj)/2); }if (imageHeight > (h*lift)-adj || imageWidth > w-adj){imageHeight=imageHeight-adj;imageWidth=imageWidth-adj;}posTop = parseInt(posTop);posLeft = parseInt(posLeft);scrWidth = parseInt(scrWidth); scrHeight = parseInt(scrHeight);var agt=navigator.userAgent.toLowerCase();if (agt.indexOf("opera") != -1){ var args= new Array(); args[0]='parent'; args[1]=imageName; var i ; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");} else {newWindow = window.open("","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);//vwd_justso.htmnewWindow.document.open();newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">'); newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click screen to close" >'); newWindow.document.write('</td></tr></table></body></html>');newWindow.document.close();newWindow.focus();}}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><b>Click image below to enlarge</b><br><br><a href="javascript:;"><img src="logojs.gif" border="2" onClick="JustSoPicWindow('logojs.gif','512','384','Click here to zoom in','#FFFFFF','hug image','2');return document.MM_returnValue"></a><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->