HIOX 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 your 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 your 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 language=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

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

- This javascript (misspelled as java script)/HTML code is given under GPL License
- i.e. Free use for those who use it as it is.
- Free, if your modification does not remove our copyright information and links.
- Detailed License information can be found here
- You can purchase the script if your requirements does not meet GPL License terms.

Image Popup Window/DHTML Picture Pop up Java Script