Website Goodies

View JPG Popup

Ever wanted to have a popup window resize automatically to a JPG? This way you can have a photo gallery pointing to one page dynamically placing a JPG in your POP-UP window.

photo 1 - 06.jpg > For this link we are using the following: view-image/view.asp?PIC=06.jpg (the page is view.asp) - Portrait Photograph

photo 2 - 28.jpg > For this link we are using the following: view-image/view.asp?PIC=27.jpg (the page is also view.asp) - Landscape Photograph

All you need to do is open a standard POPUP window and in the window you are linking to use the following:

Place in the header of the page:

<script type="text/javascript" language="javascript" src="javascript.js"></script><SCRIPT LANGUAGE=javascript>
<!--
function resizePhoto() {
self.resizeTo(document.images['Photograph'].width + 0, document.images['Photograph'].height + 120)
}
//-->
</SCRIPT>

The width + value will add on to the page size in pixels the same as the value after height.

For the image itself use the following: 

<img name="Photograph" border="0" src="JPGNAME.JPG" onload="resizePhoto()">

Back to Website Goodies

Find out more about the Affordable Group.