Photo Popup On Click
PayneLess Designs

Provides tooltip information on mouseover of image caption or image itself. All thumbnails should be same size, but not totally necessary. Can set pop-up window size to make sure the original photo size fits within at full size. Easier to set up if all original photos have the same size. See end of table for basic code I used for this page. Checked only in Firefox and IE 7.

Image Caption Here	Image Caption Here	Image Caption Here
Image Caption Here	Image Caption Here	Image Caption Here
Image Caption Here	Image Caption Here	Image Caption Here
Image Caption Here	Image Caption Here	Image Caption Here

Table Example for One Row/Image.

DocType goes here!

#table_one a:link, #table_one a:visited, #table_one a:active {
text-decoration: none;
font-size: 1.25em;
}
#table_one a:hover {
background-color: transparent;
text-decoration: none;
}

#contents_popup {
width: 500px;
margin: 0 auto;
}

#table_one {
width: 420px;
text-align: center;
border: 0 ridge #990;
}

#table_one td {
width: 33%;
text-align: center;
vertical-align: middle;
padding: 5px 0;
background: #fff;
}

#table_one td img {
width: 136px;
height: 136px;
border: 0 solid #090;
text-align: center;
vertical-align: middle;
}
</style>

</head>
<body>

<table id="table_one" summary="">
<tbody>
<tr>
<td><a href="#null" onclick="newWindow('../../imgs/backgrounds/bg_statue-liberty.jpg','','450','300','resizable,scrollbars,status,toolbar')" title="Click to see original, opens in new window"><img class="popup_link" src="../../imgs/lorem.gif" alt="Original file name: org_name.jpg" /><br />Image Caption Here</a></td>
</tr>
</tbody>
</table>

</body></html>

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Photo Popup On Click
PayneLess Designs

Table Example for One Row/Image.

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Photo Popup On ClickPayneLess Designs

Table Example for One Row/Image.

Photo Popup On Click
PayneLess Designs