javascript - In IE8, image jumps to correct position after any rollover action on the page...on any element -
i had hack page , used photoshop slice images. photoshop exported html using complicated table structure , spacer gif's create page.
there's custom content need fill out in of table cells. in 1 part of table i'm using flickrbadge (http://www.flickrbadge.com/) populate cell flickr thumbnails. don't have control on when loading happens.
in cell have big title graphic(<td colspan="4" rowspan="2"> ) , in cell below have html text.
the page works doesn't work in ie8 on pc. (didn't test ie7) happening when page loads, title graphic , html text undereathe appear on top of each other. however, after rollover 1 of image rollovers, title graphic snaps correct position!
i suspected loading of flickr thumbnails culprit, commented out script , title graphic appears should.
is there can in css such push title graphic up, or populate flickr cell placeholder image?
update
can delay execution of flickr script...this in table cell.
<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?count=16&display=latest&size=square&nsid=12345678@n02&raw=1"></script>
you try delaying with:
function initflickr() { settimeout(function() { var script = document.createelement('script'); script.type = 'text/javascript'; script.src = 'http://www.flickr.com/badge_code.gne?count=16&display=latest&size=square&nsid=12345678@n02&raw=1'; // set id on table cell can hold of here. var el = document.getelementbyid('id-of-that-table-cell'); el.appendchild(script); }, 100); // 100 milliseconds. } and want trigger onload.
<body onload="initflickr()"> not sure work, should insert script after first successful draw.
Comments
Post a Comment