Dynamic gallery question.

[wmeredith]

Let me preface this by saying that I am not a coder in any sense of the word. i use Microsoft Publisher combined with Photoshop and Image Ready to put together web pages.

Here's my question. I want to present a dynamic gallery on my page. I want to be able to show the entire gallery as a collage, let's say it's 50 x 50 jpegs. They're all the same size so it would be a square. I also want to be able to snap to a closer view of the gallery if someone clicks on one of the jpegs. Then it would snap to, let's say, a 3x3 "zoomed-in" version of the big picture with the jpeg they clicked in the middle.

Is this prohibitively expensive? I know it's not something I could code myself without taking a year of classes. The only place I've seen GUIs like this is yahoomaps or google maps or mapquest. I don't need something that is that complicated, I just need a navigation system aorund my collage.

Anyone more experienced with webdesign have any advice for me? Thanks for your time.

[ChiefNX]

Doesn't sound that hard...

You need an image map that links to a page with the zoomed in gallery in the right place. Initially, I think it would be much easier for you to link to the original pictures and possibly better for visitors as well, but if you insist on doing it your way...

To link to the page in the right place you need an id attribute on each image or something.

How to make an image map:

http://www.javascriptkit.com/howto/imagemap.shtml

Links with ID attributes:

http://www.w3.org/TR/html4/struct/links.html#h-12.2.3

[TiGGi]

you have perfect solution built into the photoshop.
Under File >> Automate >> Web Photo Gallery.
You have few teplates to chose from. Just select your source images, your output folder and the settings for thumbnails and large images.... Photoshop will do everything else!!!!

[ChiefNX]

Heh, you've outdone me there! I never knew about that...