« »

This is a 'dynamic' image selector that allows your surfers to see an image by selecting it from a selection list.

Label: Image Popup

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=JavaScript>
  <!-- 
  // Title:			Image Popup		

	function 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=xImage
		d.images["img"].title=xImage+'  '+xWidth+' x '+xHeight
		d.images["img"].alt=xImage+'  '+xWidth+' x '+xHeight
		d.close();
	}
   //-->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<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
	-->