time critical - js animation that ends w hidden command

[rwilliams1961]

i am in a very tight crunch. i need help. i was trying to use jquery for this and gave up.

i need to have an animation automatically begin when the page loads, go through 11 screens, and then direct the layer the animation is on to become invisible at the end of the animation sequence.

here's the rub: i am barely proficient in js (understatement) and was depending on jquery. but i have found no way to use the available cycle.js to make the layer become hidden.

any help you can provide would be SO welcome.

thanks.

[SparoHawk]

"go through 11 screens"? What do you imply with that? Do you mean frames?

If so, what is this animated thing supposed to do exactly?

[rwilliams1961]

ok. there are 11 photos. i want them to fade each into the next and after the final photo fades out, the layer that this sequences occurs on (say z-index: 2) becomes hidden so layer (z-index: 1) appears.

i hope that makes sense.

[SparoHawk]

So what you want is a photo slide with fade effect?

There are plenty around, though I do not know if any of them accept a callback when all photos finish sliding.

Gotta do some Google searches.

[rwilliams1961]

the deal is, i don't even know exactly what terms to search for. lost sounds like i'm being humble. frankly, the term lost is a compliment. not a fricking clue on my end.

[Westerly]

rwilliams1961:

Are you still looking for this code?

[rwilliams1961]

absolutely!

[Westerly]

See attached, including the ReadMe file. Edit the ....config.js file

[rwilliams1961]

does this also remove the layer at the end so that the layer behind the animation/slide show appears?

i'm heading out now and VERY excited by this. thank you!

r

[Westerly]

Yes. Edit the .....config.js file.

[rwilliams1961]

thanks for the file! however, how do i get it to forward to a new page at the end of the animation.