Hi

I'm trying to build a photography page which consists of several thumbnails images down one side. I want a full size image to appear in the center when it's thumbnail is clicked. Currently, I have all the fullsize images with visibility:hidden in div containers. The full image becomes visible when the corresponding thumbnail is clicked. The problem is that once an image is made visible, it stays visible. I would like the full images to become hidden once a new thumbnail is clicked. I was hoping not to have to use an iframe to achieve this. ... Thanks in advance.

I'm certain that you can do this, all you need is a little javascript.

I'm working on it right now, but it's not working and my laptop battery is almost dead. I'll post something more tommorow.

if your photos have the names of the same type (like "photo1","photo2" etc.) you may do smth like this.

    var number_of_photos; // number of your photos in document
   
    function HideAll(i) //i - is a number of photo that you need to make visible
   {
      for(int j=0;j<number_of_photos;j++)
      {
             if(j!=i) document.getElementById("photo"+j).style.visibility="hidden";
             else document.getElementById("photo"+j).style.visibility="visible";
      }
   };

It's quite a dumb variant, maybe NateDogg's script would be better

I was working along the same lines, but I was saving the last picture looked at and hiding only the one but...

Mine still doesn't work, so for the time being... yours is better