Does anyone know how to have an image pop up on the screen, (in a designated part of the website) when an image icon is clicked
and have that pop up image be clickable into a new window? I have been having problems trying to find a proper tutorial.

The site I'm working on updating has a side nav of thumbnail image rollovers that lighten and darken upon hovering. When you click on the thumbnail, the thumbnail image stays lighter and a larger image off to the right of the thumbnail nav changes/swaps. The navigation and the swapping works fine (code created in fireworks-I have the original png files).

Is it possible to add another behavior to this working script - opening in a new window from the large swapped image--not sure if I'm explaining this right...please visit http://www.chrisloomis.com/editorial/index.html, view extensive code and let me know if it's possible to be able to click on the large swapped image and have that image open in a new window. Can you code it within or outside of Fireworks?? (doesn't have to be this specific script, but I like the effect - http://www.huddletogether.com/projects/lightbox) I'm also open to any coding other suggestions. Thanks

Is it possible to add a link to a larger image from the image that is swapped from the onclick??? (i.e. 'images/F_CF_2E.jpg' needs to be clickable and bring up a larger/higher resolution photos)

<td><a href="javascript:;" onmouseout="MM_swapImage('cheffash_r3_c2','','imag es/F_CF_2t_30.jpg',1);MM_swapImgRestore()" onmouseover="MM_swapImage('cheffash_r3_c2','','ima ges/F_CF_2t_100.jpg',1);" onclick="MM_swapImage('cheffash_r1_c4','','images/F_CF_2E.jpg',1);"><img name="cheffash_r3_c2" src="images/F_CF_2t_30.jpg" width="44" height="31" border="0" id="cheffash_r3_c2" alt="" /></a></td>

Yes, there is. Say you rollover some link, but it has no destination. It is made soley for launching a popup, this is how you would do it.

<p>
This is an amazing
<a href="#" onmouseover="window.open('popup','bird.jpg','width=500,height=450');">Bird</a>.
</p>

__________________________

If you want to swap an image, you can do this.

<img name="bird" src="smallbird.jpg" onmouseover="if(document.image){document.bird.src='bigbird.jpg'}" />

http://www.chrisloomis.com/editorial/index.html (the main larger image that swaps out with each thumbnail onclick needs to be clickable and if they want to see a higher resolution pic it would open into a new window--similar to http://www.huddletogether.com/projects/lightbox.

I'm familiar with swapping images and pop up links, but what I don't know how to do is to incorporate a nested onlick of the 'images/F_CF_2E.jpg' into a new window 'images/F_CF_2E-highres.jpg' in this script without messing up the thumbnail behaviors.

<td><a href="javascript:;" onmouseout="MM_swapImage('cheffash_r3_c2','','imag es/F_CF_2t_30.jpg',1);MM_swapImgRestore()" onmouseover="MM_swapImage('cheffash_r3_c2','','ima ges/F_CF_2t_100.jpg',1);" onclick="MM_swapImage('cheffash_r1_c4','','images/F_CF_2E.jpg',1);"><img name="cheffash_r3_c2" src="images/F_CF_2t_30.jpg" width="44" height="31" border="0" id="cheffash_r3_c2" alt="" /></a></td>

Does that make sense??