[msjkirkpatrick]

Hello,

I created a web gallery using image ready rollover effects. I wanted a larger view of an image to appear when you click on a thumbnail on the same page. Essentially three things occur. 1) At the bottom of the page is a small thumbnail .gif that has script to show a highlighted .gif when the mouse cursor is over the thumbnail. 2) When the thumbnail is clicked an image is opened in a blank space on the page. 3) -here is the problem- when the cursor is moved off of the thumbnail the MOUSEOUT command causes the loaded image to disappear. My question is: Is it possible to have the opened picture stay on the page until a new thumbnail is clicked, yet have the image .gif rollover still run on the other images? Does anyone know how to build a gallery which shows a list of thumbnails that will show a larger view when clicked on, but not disappear when you take the mouse off the thumbnail. Here is the sample Java that I am working with:

<TD><A 
            onmouseup="changeImages('gallery_14', 'images/gallery_14-over.gif', 'gallery_33', 'images/gallery_33-gallery_14_over.gif'); return true;" 
            onmousedown="changeImages('gallery_14', 'images/gallery_14- over.gif', 'gallery_33', 'images/gallery_33-gallery_14_over.gif'); return true;" 
            onmouseover="changeImages('gallery_14', 'images/gallery_14-over.gif', 'gallery_33', 'images/gallery_33-gallery_14_over.gif'); return true;" 
            onclick="changeImages('gallery_03', 'images/gallery_03-gallery_14_click.gif', 'gallery_05', 'images/gallery_05-gallery_14_click.gif', 'gallery_09', 'images/gallery_09-gallery_14_click.gif');" 
            onmouseout="null; return true" 
            href="http://DomainName.com/gallery.html#"><IMG height=34 
            alt="" src="gallery_files/gallery_14.gif" width=45 border=0 
            name=gallery_14></A></TD>

Any help would be appreciated!!

-Jessica