FREE JavaSCRIPT-Popup image window-Picture Pop up-dhtml popups java script

About

This javascript function will help you open a popup image in a new window, you can open images in multiple windows, You can use different events like onclick, onmouseover as you wish and open the picture in a new pop up window.

Features

a)You can use this popup image function with different events.
b)This javascript displays image or picture in pop-up windows.
c)Easy to specify the size of pop up windows.
d)You can resize the window as you wish.
e)Just copy the code in to your page and use it.
f)Simple and ease of use.

Preview for Image/Picture Popup window

Select any Images:

Code

Javascript Code

<!-- Script by hscripts.com -->
<script type="text/javascript">
var wid = "250";   //Fix the width of Popup Window
var hei = "250";  //Fix the width of Popup Window
function img_popup(form) {
 selectionname = form.imagename.options[form.imagename.selectedIndex].text;
 selection = form.imagename.options[form.imagename.selectedIndex].value;
 Popup = window.open("", "PREVIEW", "toolbar=0,resize=0,status=0,menubar=0,scrollbars=0,width="+wid+",height="+hei);
 Popup.document.open();
 Popup.document.write("<html><title>Preview</title>");
 Popup.document.write("<body BGCOLOR=FFFFFF>");
 Popup.document.write("<form><center>" + selectionname + "<hr>");
 Popup.document.write("<img hspace=0 vspace=0 " + "src='" + selection + "'>");
 Popup.document.write("<hr><input type='button' value='Close' " + "onClick='window.close()'></form>");
 Popup.document.write("</center></body></html>");
 Popup.document.close();
}
</script>
<!-- Script by hscripts.com -->

HTML Code

<!-- Script by hscripts.com -->
<form>
<select NAME="imagename" onChange="img_popup(this.form)">
<option value="http://www.hscripts.com/freeimages/icons/money/money-bag/money-bag-clipart10.gif" SELECTED>Image 1 
<option value="http://www.hscripts.com/freeimages/icons/money/coin/coin-clipart-picture2.gif">Image 2 
<option value="http://www.hscripts.com/freeimages/icons/money/piggy-penny-box/coin-bank-clipart7.gif">Image 3 
</select>
</form>
<!-- Script by hscripts.com -->

Release Date - 01-12-2007
Get free version without ©copyright link for just 5

For customization of this script or any script development, contact us at support@hscripts.com

Usage

Here we have explained how to use the image pop up javascript with the help of a form. The picture window opens when you click any option in form.

Copy the javascript code into the head part of your HTML page.
Copy the HTML code, This will create a select box with three values, you can also add multiple options.
<form>
<select NAME="imagename" onChange="img_popup(this.form)">
<option value="Your Image" >Image 1
<option value="Your Picture">Image 2
<option value="Your Picture">Image 3
</select>
</form>

License

- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.

Image Popup Window/DHTML Picture Pop up Java Script