javascript - innerHTML causes IE6 to (permanantly) lock up -
on site working on load series of images can animated using controls implemented w/javascript. works fine in browsers ie6 locks , never recovers; @ least not w/in 15min let sit there.
the part choking on portion try modified contents of particular div.
before problem:
<div id='animation_image'></div>
after problem:
<div id="animation_image"> <div id="daily_loop_image_13" class="loop_image"> <img name="animation" src="/path/to/image/13/20100119/world_14.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_12" class="loop_image"> <img name="animation" src="/path/to/image/12/20100119/world_13.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_11" class="loop_image"> <img name="animation" src="/path/to/image/11/20100119/world_12.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_10" class="loop_image"> <img name="animation" src="/path/to/image/10/20100119/world_11.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_9" class="loop_image"> <img name="animation" src="/path/to/image/9/20100119/world_10.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_8" class="loop_image"> <img name="animation" src="/path/to/image/8/20100119/world_9.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_7" class="loop_image"> <img name="animation" src="/path/to/image/7/20100119/world_8.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_6" class="loop_image"> <img name="animation" src="/path/to/image/6/20100119/world_7.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_5" class="loop_image"> <img name="animation" src="/path/to/image/5/20100119/world_6.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_4" class="loop_image"> <img name="animation" src="/path/to/image/4/20100119/world_5.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_3" class="loop_image"> <img name="animation" src="/path/to/image/3/20100119/world_4.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_2" class="loop_image"> <img name="animation" src="/path/to/image/2/20100119/world_3.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_1" class="loop_image"> <img name="animation" src="/path/to/image/1/20100119/world_2.gif" class="hiddenelements" border="0"> </div> <div id="daily_loop_image_0" class="loop_image"> <img name="animation" src="/path/to/image/0/20100119/world_1.gif" class="" border="0"> </div> <div id="weekly_loop_image_1" class="loop_image"> <img name="animation" src="/path/to/weeklyimage/1/20100119/world_wk2max.gif" class="hiddenelements" border="0"> </div> <div id="weekly_loop_image_0" class="loop_image"> <img name="animation" src="/path/to/weeklyimage/0/20100119/world_wk1max.gif" class="hiddenelements" border="0"> </div> </div>
i've tried:
- storing elements w/in animation_image string , setting innerhtml
- creating empty/placeholder divs w/in animation_image , populating them individually
- using appendchild instead of innerhtml
- adding div under "animation_image" , putting images/divs in there using 3 methods above this
none of seems work in ie6 - methods work fine in ff3.0+, ie7+, chrome 2+, etc. if exit javascript prior innerhtml works fine if try populating single div (within animation_image) via method in 2nd bullet point, locks , never recovers.
i'm sure left out totally freaking out atm. in advance.
update: here link javascript along w/sample xml (http://pastebin.com/m5b426a67)
not quite sure how missed in days , days of googling looks issue related alphaimageloader "fix" dealing w/transparent pngs. article found gets more detail underlying issue:
http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html
when removed entry in png_fix.css page - in original form - loaded flawlessly in ie6. need go , try convert (transparent) pngs gifs might not feasible solution either.
i appreciate everyone's , apologize wild goose chases sent people on. thank very much.
Comments
Post a Comment