remote rollover

[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

[teknomage1]

It seems like you should remove the onmouseout event and modify changeImages to not only switch the current image but to reset all other images in the gallery to their initial state.

That probably requires making an associative array that links each image to its "mousedown" and default files and then just iterating through the rows each time you get a mousedown or mouseclick event.