Log in

View Full Version : Photo Album scripting



colorblind
09-06-2006, 06:39 PM
I'm currently redesigning a website for a local common-interest group.

One of the pages is the Pictures section of the site. The page has a small horizontal text menu linking to individual photo albums, but seeing as how the server does not have PHP support, and a minimal number of pages used would be preferred. So I came up with an idea: currently the horizontal menu for the individual albums links to a page full of thumbnails right now, and clicking a thumbnail brings up the full-size image. I would like to make it so clicking an album link will show the album's thumbnails in a small space on the left side of the screen, with the thumbnails above each other [vertically oriented] instead of side-by-side. And then, clicking one of the thumbnails will change a blank image in a larger space on the right side of the screen to the selected thumbnail.

So...

http://home.mchsi.com/~avegen/idea.png
A = the menu of the various albums
B = clicking an album link would open a scrollable vertical set of the thumbnails for that album
C = clicking a thumbnail would bring up the full-sized image to the right.

Ideas? I've tried some Javascript to make the images swap, which would work fine, except I had the thumbnails open up in an IFRAME, so when clicked, they couldn't find the destination [the full-sized image in the parent frame] to open up at.

HTML, Javascript, DHTML, and CSS welcome.

BLiZZaRD
09-07-2006, 07:07 AM
Frames should have worked...

in A: <a href= "blah blah .jpg" target="frameB">Album A</a>

in B: <a href = "blah blah thumb.jpg" target="frameC">thumb pic A</a>

in C: nothing needed.

Of course you need to actually name the 3 frames in the index.html (or which ever .htm page you are using as frames index.

:)

colorblind
09-07-2006, 01:19 PM
Well, C wasn't a frame, but actually, I had some spare time last night and I was able to fix the problem. Instead of making B in an IFRAME, I used a Javascript scroller, and had a blank image in space C name="photo", and a second Javascript so whenever an image in the Javascript scroller was clicked, "photo" [C] would turn into that image. Thanks anyway!

865 Rydaz
09-11-2006, 12:30 AM
Colorblind would you post or email that script?

ItsMeOnly
09-13-2006, 06:50 PM
check this out: http://rambo.id.uw.edu.pl/viewer.html

feel free to rip it off :). If you wanna php content accompanying the thing, don't hesitate to ask

4bidden
09-14-2006, 04:57 PM
This is the design you're looking for, correct?

http://www.bondurant.com/multimedia/pictures.php

It is PHP based, but the design is the same, correct?