Page 1 of 1

Photo Album

Posted: Sun Jan 22, 2006 9:58 pm
by lucfer
Hi,

Let me straight away describe the scenario. I want to create a table with 2 columns. The left one will list down all the photos available (thumbnail). Each of the photos can be clicked. Once I clicked any of the photo thombnail, the photo will be displayed on the right column of the table in its original size.

I have tried to used <A HREF=...></A> to each of the thumbnails. This will call the page itself and display the requested photo on the right side of the table.

However, I think it is not wise to call the page again and again each time I click on any of the thumbnails because the page will have to load all the thumbnails again. Do you have any idea how should I make it so that it will automatically display the photo without calling the page again.

Thank you.

Posted: Sun Jan 22, 2006 10:08 pm
by feyd
you can use javascript to do an image swap...

Posted: Sun Jan 22, 2006 10:14 pm
by Christopher
If you have or can find some mouseover button javascript code, you can use it to do what you want to do. Instead of changing the image onMouseOver you would call he image swap onClick. You won't preload like mouseover code often does in the header.

Posted: Sun Jan 22, 2006 10:38 pm
by lucfer
But I thought image swap is for the same <A HREF..></A>. Instead I want to display the original image on the right column. The thumbnail is on the left column fo the table. They are different image.

Posted: Sun Jan 22, 2006 10:43 pm
by feyd
you don't have to swap the image that's being hovered... ;)

Posted: Mon Jan 23, 2006 2:32 am
by lucfer
I'll give it a try using the image swap thing.

Thank you very much.