I am new to script.aculo.us so please excuse my ignorance. I am
attempting to create a slide-show effect similar to the one on the
steam website: http://store.steampowered.com/

I have a container DIV and several alternative inner DIV elements. I
have several tab-like buttons which when pressed fade the current
image out and another in. This is kind of working, but if you press a
tab button whilst an image is fading then both images disappear.

Additionally both images suddenly flick to being fully opaque or fully
transparent upon interuption.

                        // Hide last page?
                        if (this.pageIndex != -1)
                                this.pages[this.pageIndex].fade({ duration: 
1.0, to: 0.0 });

                        // Show selected page!
                        var pageElement = this.pages[index];
                        pageElement.style.opacity = '0.0';
                        pageElement.fade({ duration: 1.0, to: 1.0 });

Any help would be greatly appreciated!

Kind regards,
Lea Hayes

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to