Web Photo Gallery Problem

MD
Posted By
matthew_davids
May 17, 2005
Views
368
Replies
6
Status
Closed
I’m working on creating galleries for my website, and I haven’t found any better options for creating a gallery with a filmstrip across the bottom. Perhaps some of you have a suggestion?
Anyway, about the problem…

I can create the galleries all fine and dandy, but when I view them after its finished, I find one picture has a dead link. I can’t click on it to view it in the main window. I can get there by going to a picture to the left or right of it, and using the arrows. Also, when transitioning from that photo to the next photo (or back to it) the automatic size adjust doesn’t change, and the window is either too large, or the photo flows out onto the page. What is going on?

My final question: Is there any way to get the gallery to start on "paused" so the slideshow doesn’t start unless you hit "play". I find that annoying…but I can deal with it.
Related Tags
gallery problem

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

MD
matthew_davids
May 17, 2005
Sorry, forgot to mention, I’m using CS1.
LM
Lynch_Mike
May 18, 2005
For your dead link, you could check the code in the thumbnailframe.html and see what is missing. It will be obvious when you compare it to the line above and below it. (I play with this using notepad all the time, though for different reasons.) Be sure to save your file as .html

I use PS7 and I don’t know if CS has a button to turn the slideshow on and off. If not, you can custom design your pages to work that way if you know html.

You can copy a web contact sheet (gallery) template (copy entire subdirectory) from Adobe’s presets subdirectory and modify it to your tastes and give the directory your own name that Photoshop will find when you run web photo gallery.
Look in c:/program files/adobe/photoshop(cs?)/presets/

My "brute force" way would be to make 2 similar sets of Subpages. One set would be self forwarding with "refresh" coded in the head and a "stop" button that would link to the matching page with no refresh code.
A second set of pages with no refresh that have a button linking it to the matching page in the "refresh" set.
(both would reference the same image files)

There may be a more elegant way to do this using Javascrtipt and CSS but I am not that smart. (Yet.)

Personally, I’d just leave the "refresh" out of my code and place the "next" button in the exact same spot in each page so the viewer can just click merrilly along.
-Mike
LM
Lynch_Mike
May 18, 2005
Oops…
Where I wrote replace _a/etc…")

I meant:
replace <a href="/pages/ etc….
with <a href="/pages_a/ etc….
and <a href="/pages_b/ etc….
-Mike
MD
matthew_davids
May 18, 2005
Thanks for the reply, I figured out the link problem. There were two images named something like "name & name.jpg". As soon as I removed the & symbol, it worked fine.
As for the refresh, I will take your suggestion. I’ve tried to figure out exactly what causes the refresh, but my understanding of html is limited…probably just enough to get myself in trouble…
Thanks again.
-Matt
LM
Lynch_Mike
May 19, 2005
On some servers (unix, anyway) an empty space will not translate correctly so use_underscore or some other-character between words in a filename.

In the header: refresh=10 …etc. means the page will go to the named refresh page. If you remove the line from the subpage in the template, you will not get a slideshow. -Mike
MD
matthew_davids
May 19, 2005
Well, for anyone who is interested, and for future reference, I’ve solved the problem. At the same time, I’ve learned a bit about more advanced webpages…so I guess it was a good lesson.

The one place you need to "fix" the code is the first line of the body. Normally, you see this at the end of that line of code:
onload="isBottomFrameLoaded = true; startAutoAdvance(); preloadMyImages();"> All one has to do is add in stopAutoAdvance(); right after the start command so it looks like this: onload="isBottomFrameLoaded = true; startAutoAdvance(); stopAutoAdvance(); preloadMyImages();">

If you just delete the start command, the play/pause button doesn’t load for some reason (seems like poor logic to me…haha), so the only good option is to add in the stop command… Now, all I need to figure out is how to impliment this code(for the main image and filmstrip) into normal pages with links to the rest of my website…all I need is time 🙂

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections