IE7: Flash playing in hidden divs :(

Question

Hi all,

The scenario is a bunch of divs with flash content inside; clicking on a menu will show / hide these flash-filled divs. Problem is IE7 plays these divs before I "show" them. How can I make sure that IE7 doesn't start the Flash movie until after the div has been "shown"?

Much thanks in advance, LNV.

Answer 1

Do you use display:none;?

Answer 2

Just an idea: maybe you could set your flash embed element when you modify the div's visibility (with JavaScript)?

Something like:

<script>
function showFlipFlopDiv() {
  someDiv = document.getElementById("flipFlopDiv");
  someDiv.style.visibility="visible";
  someDiv.innerHTML='<object width="[...]</object>';
}
</script>