Can anyone suggest a way to use Spry Fade Effect with
multiple images?
I am starting with Example 3 in
spry_p1_5_051707\samples\effects\observers_sample.html. In Example
3 an image fades in while fading out a different image. I’m trying
to use this same fade effect but with multiple images.
Here is what I’d like to happen:
1) page loads
2) image #1 fades out as image #2 fades in
3) image #2 fades out as image #3 fades in
4) image #3 fades out as image #1 fades in
and have this continue to run as long as the user remains on
the page.
I’ve built something that does this but it’s all done
manually:
1) page loads
2) click a link that calls a function to start the fade
effect
3) image #1 fades out as image #2 fades in
4) click a link that calls a function that changes the
animate and display images
6) click a link that calls a function to start the fade
effect
5) image #2 fades out as image #3 fades in
click a link that calls a different function that changes
the animate and display images
6) click a link that calls a function to start the fade
effect
7) image #3 fades out as image #1 fades in
Unfortunately, I am having no luck when trying to automate
the steps above which is making me wonder if I might be thinking
about this all wrong.
Has anyone already figured out how to do this or can
recommend a possible method?
Thank you for your time and consideration.
|||
Hi,
To have this behavior you should use observers. We have an
working sample that contains the case you are looking for.
Go
here
and take a look over the last sample.
Diana|||
Thanks for the reply Diana. Your working sample is the
Example 3 I mentioned in my post. I want to do this same thing but
with 3 images.|||
Hi. I’m trying to do something similar as well and wondering
if you figured out a solution. I’m trying to make it work so that
the image thumbnail you click triggers the main image to fade in.
Curtis
Related posts:
- Fade Effect transparency IE/Firefox
- How do I do this fade effect?
- Fade Effect Issue with table structure
- fade effect
- Spry fade effect
Related posts brought to you by Yet Another Related Posts Plugin.
