»
EnglishFrenchVietnamese

Print - Image Popup - JavaScriptBank.com

Full version: jsB@nk » Image » Image viewer » Image Popup
URL: https://www.javascriptbank.com/image-popup.html

Image Popup © JavaScriptBank.comThis is a 'dynamic' image selector that allows your surfers to see an image by selecting it from a selection list.

Full version: jsB@nk » Image » Image viewer » Image Popup
URL: https://www.javascriptbank.com/image-popup.html



JavaScript
<SCRIPT language=JavaScript>  <!--   // Title:Image Popupfunction imgdisp(xImage){var xImg = new Image();xImg.src=xImage;var xWidth=xImg.width+140; xHeight=xImg.height+140;var popup=window.open("","","width="+xWidth+", height="+xHeight)popup.resizeTo(xWidth,xHeight);popup.moveTo((screen.width-xWidth)/2,(screen.height-xHeight)/2)d=popup.document;// these lines set the foreground & background color.d.bgcolor="#FFFFFF"d.fgcolor="#000000"d.write('<title>'+xImage+'</title>');d.write('<Body background="'+xImage+'"><center><form>');//this line sets the image as background// the image tag.d.write('<img name="img" src="" alt="" border=0 style="border:3px #000000 solid"><br><br>');d.write('<input type="button" value="Print" onClick="self.print()" style="color:background">')d.write('<input type="button" value="Close" onClick="self.close()" style="color:background">')d.write('</form></center>')// these lines displays the image.d.images["img"].src=xImaged.images["img"].title=xImage+'  '+xWidth+' x '+xHeightd.images["img"].alt=xImage+'  '+xWidth+' x '+xHeightd.close();}   //--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM name=homepage><SELECT style="FONT-SIZE: 9pt; WIDTH: 150px; COLOR: #af0000; FONT-FAMILY: helvetica; BACKGROUND-COLOR: #afffaf" onchange=imgdisp(options[selectedIndex].value) name=theimage> <OPTION value=x   selected>--- Select Image ---<OPTION   value=logojs.gif>JSBank<OPTION   value=pic191.jpg>Girl<OPTION   value=backgr13.jpg>Bicycle<OPTION   value=logojs.gif>JSBank<OPTION   value=pic191.jpg>Girl<OPTION   value=backgr13.jpg>Bicycle<OPTION   value=logojs.gif>JSBank<OPTION   value=backgr13.jpg>Bicycle<OPTION   value=x></OPTION></SELECT> <INPUT style="FILTER: blur(direction=135) alpha(opacity=90); COLOR: #a00000; BACKGROUND-COLOR: #cfffcf" onclick="location='view-source:'+location.href" type=button value=" View Source "> </FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->