3 Replies Latest reply on Aug 26, 2007 11:01 AM by evblue

Photo Gallery Page

evblue Aug 19, 2007 7:32 AM

I'm creating a photo gallery page for a site.... I have my 12 thumbnails (70 x 70) in a table. To the right is a 260 x 260 layer in which to view the photo full size. I want to have the full size photo appear in this layer when the viewer mouses over the corresponding thumbnail. Is this accomplished using javascript? I've seen this on other sites. Can anyone suggest a tutorial or other help? I considered the Flash / XML method but I don't want a slideshow. Please help.

1. Re: Photo Gallery Page

d_pete Aug 19, 2007 9:16 AM (in response to evblue)

It can be accomplished using CSS and javascript
highlight the thumbnail and use behaviors to "show or hide layers". You will need to place the correct image in each layer
(I know that a lot of people do not like layers but it works for this example. just fine I have had no problems) (but it is confusing)

here is an example
http://www.storyartstation.com
here is a tutorial
http://www.maagraphics.com/tutorials/show-and-hide-layers-in-dreamweavermx.htm
Like Show 0 Likes(0)

Actions
2. Re: Photo Gallery Page

TC2112 Aug 19, 2007 5:44 PM (in response to evblue)

Hello,

Here's another great tutorial and free extension to help you build it.

Image Gallery

The finished gallery example is set up to change images on click, but can be easily change to mouseover.

There are many excellent tutorials on this site, as well as some inovative DW extensions.

Take care,
Tim
Like Show 0 Likes(0)

Actions
3. Re: Photo Gallery Page

evblue Aug 26, 2007 11:01 AM (in response to evblue)

Thanks d_pete and TC2112 for your help.... I will try these tutorials..... thanks again :)
Like Show 0 Likes(0)

Actions

Go to original post

Legend

Correct Answers - 10 points