View Full Version : MooTools Slideshow and Spry Tabs help

12-10-2011, 02:36 AM
Hello all!

I'm new to this forum and I have a sticky problem with the website that I'm building for my client. I am having trouble with my MooTools Slideshow. I have a page with 4 Spry tabs and 3 of them have slideshows. I've set up the page for multiple slideshows, but only the first tab works correctly. These are 2 issues I'm having:

1. The thumbnails work properly for the first tab, but for the other tabs they seem to stack upon one another and flutter when you mouseover.

2. When you switch to a different tab, you get a smaller photo artifact for a couple of seconds in the right corner of the slideshow screen (I have a feeling this will go away when #1 is resolved).

I was given this help from another forum:
The issue is probably that slideshow can't calculate dimensions properly when it is hidden. It's really a general issue with javascript/DOM-manipulation: when an element is set as display:none - like the hidden tabs - nodes inside of them have no height/width. The workaround would be to initialize each slideshow once the tab is visible.

Being a js implementer and not a coder, I don't really know how to accomplish this or even if it will work. How would I initialize each slideshow on tab visibility?

Here is where the website can be viewed: http://www.interimdesigngroup.com/threesprings/area.shtml

Any help would be appreciated!

Thanks, Nektar 72

12-20-2011, 09:43 PM
Thanks, but answer is found on another forum.