Tuesday, 15 July 2014

javascript - jquery hide a div that contains flash without resetting it -


Hi, I've written a model using the jquery UI and it appears in front of a flash movie, thus, inside the model html. Gets corrupted, I tried to hide the movie before turning on Mundal and the model is seen again after closing, but works well. () And. The show () flash movie is reset, while I want to hide everything (the movie) and display it after it's displayed. Show that model design.

Testing in FF / Linux, FF / Winspeed, IE / WinXP, Safari / Winspeed:

  • Put your flash container DIV in a new DIV overflow: hidden .
  • CD ("left", "0 pixels");
  • Or, showing and hiding with animation effects:

    Ul>
  • To hide Flash-divis: $ ('# Id_div_with_swf '). Chetan ({left: "-2000px"}, 1000);
  • To show the Flash-div: $ ('# id_div_with_swf'). Chetan ({left: "0"}, 1000);

HTML example:

  & lt; Div style = "width: 200px; height: 100px; overflow: hidden;" & gt; & Lt; Div id = "id_div_with_swf" style = "width: 200px; height: 100px; position: relative; left: 0px; top: 0px;" & gt; & Lt ;! - Flash here - & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

You can find a browser working solution ('visibility', 'view', '' hidden ') with cross- .css


No comments:

Post a Comment