| Issue 450: | NyroModal freezes for 5-7 seconds when loading swfObject in IE7 and IE8 | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
Im experiencing a temporary freeze when loading a swfObject into a nyro modal. The loading animation freezes and all. (Ive noticed nyromodal runs pretty slow in general in IE. Runs perfectly in all other browsers.) Have you experienced anything like this before? if so, any way to remedy the problem? code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Product Page</title> <link rel="stylesheet" href="css/nyroModal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.pack.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> <!-- swfObject --> <script type="text/javascript"> var flashvars = {}; flashvars.videoURL = "http://videos.buy.com/videos/buytv/2010/203/203_Sony_CW.mp4"; flashvars.defaultvolume = "0"; var params = {}; params.play = "true"; params.loop = "true"; params.menu = "true"; params.quality = "best"; params.wmode = "transparent"; params.bgcolor = "#ffffff"; params.devicefont = "false"; params.allowfullscreen = "true"; params.allowscriptaccess = "always"; var attributes = {}; attributes.id = "flashHere"; attributes.name = "video_player"; attributes.align = "middle"; swfobject.embedSWF("http://www.buy.com/retail/flash/players/buytv/video_player.swf", "myAlternativeContent", "790", "444", "9.0.0", false, flashvars, params, attributes); </script> <!-- Modal --> <script type="text/javascript"> $(function() { $.nyroModalSettings({ debug: false, windowResize: false, bgColor: '#fff', }); }); </script> </head> <body> <a href="#prodVideo" class="nyroModal">Play Video</a></div> <div id="prodVideo" class="wrapper" style="display: none;"> <div style="margin: 20px;"> <div class="tabArea"> <a href="#prodImages" class="nyroModal"><li class="tab">Images</li></a> <a> <li class="tab activeTab">Videos</li> </a> </div><!-- tabArea --> <div id="myAlternativeContent"> </div> <div id="otherVids"> <div class="vidThumb"><img src="img/tmb_vid1.jpg"><a href="#" class="play">Play Video</a></div> <div class="vidThumb"><img src="img/tmb_vid2.jpg"><a href="#" class="play">Play Video</a></div> <div class="vidThumb"><img src="img/tmb_vid3.jpg"><a href="#" class="play">Play Video</a></div> <div class="vidThumb"><img src="img/tmb_vid1.jpg"><a href="#" class="play">Play Video</a></div> </div><!-- otherVids --> </div> </div><!-- prodVideo --> </body> </html>
Mar 26, 2010
#1
jeff.she...@gmail.com
Apr 17, 2010
Instead of adding the flash object at the loading page, I would recomand add it once the modal is loaded. Then remove it when the modal is closed to free the memory of it. You can use the endFillContent or endShowContent callback to add it and the endRemove to remove it. Hope it helped.
Status:
Fixed
|
||||||||