Help with Div Hide/Show

[Bumpman]

Hi all,

I’ve been trying to get a simple fade and appear effect with some small image galleries using Scriptaculous and Prototype. I can get the effect working when I click through the galleries in numerical order, but once they’re in random order they stack on top of one another. I have tried a number of fixes from around the Internet, but I’m afraid that my Javascript experience is minimal at best.

I know why the method that I’m using is wrong, but I just can’t figure out what the alternative is.

Any help would really be appreciated.

Here is a Reduced Test Case:
http://web.me.com/seanosullivan/

This is the inept code:

Code:

• Show Div 1
• Show Div 2
• Show Div 3
• Show Div 4

Gallery One

The Second Gallery

Imageset No. Three

Fourth Series

[Bumpman]

I figured it out; I didn’t so much find a fix as extend the problem to suit my needs.

I don’t know if that’s a good thing.

[Bumpman]

Wow, nearly 1,000 views to this topic in the four days since I posted. I guess a lot of people are having this problem… For what it’s worth, the link below has my very rough and ready solution. I know it’s not semantically perfect, but it works.

http://killiandunne.ie/projects/

[Author]

Posts