Tricky item here.
I've adapted an image slider to play Flash movies in place of the slider images. This slider, called Anything Slider, is made to do this, so I'm not bending any rules of its functionality. It is built on a UL framework, using CSS & jQuery, and it works nicely, except...
Because of the UL structure, all the movies for each panel (there are 7), begin playing in the background as soon as the page loads, so that when a certain panel's turn comes around in the auto-play sequence, each movie will appear at some random point in its own loop instead of starting at the beginning when that panel slides into view.
There is a navigation bar that also allows for panels to be selected for view, interrupting the timed auto-play cycle.
My question comes in two parts: Is there a way to set this up so that an imbedded movie will not begin playing until the panel comes up in the auto-play cycle? Or, if nothing else, is there a way to attach a trigger to the navigation links so that when one is selected, the movie in the selected panel will reload on select?
This slider can be viewed at this url:
There are links on the page to the relevant CSS & JS pages.
Much thanks for all help.
BTW: Some panels will appear to be only fade-swap photo videos, which they are. The first animated movie panel is the one titled 'Flash Design').