Pop-up image viewer - Source Code - JsMadeEasy.com

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Pop-up image viewer
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 (notice image 1 and image2/3 are different in width and height).



Insert into <HEAD>


Insert into <BODY>
<SCRIPT language="JavaScript"> /* Script posted and featured on JsMadeEasy.com */ function display_image() { selectionname = document.getElementById("imagename").options[document.getElementById("imagename").selectedIndex].text; selection = document.getElementById("imagename").options[document.getElementById("imagename").selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preview</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } </SCRIPT> <FORM> <select id="imagename" NAME="imagename" onChange="display_image(this.form)"> <option value="http://www.wsabstract.com/abstract.gif" SELECTED>Image 1 <option value="http://www.wsabstract.com/day.gif">Image 2 <option value="http://www.wsabstract.com/night.gif">Image 3 </select> </FORM>

Other Options