jQuery Image Magnify v1.1 image pops up behind flash video in IE

[minja32]

1) Script Title: :: jQuery Image Magnify v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

3) Describe problem: I have an embedded flash video on the page. When an image is clicked on to magnify it is going behind the flash video in internet explorer. It works fine by displaying on top of the flash video in Firefox. I searched through the archives and found the link for this article: http://www.communitymx.com/content/article.cfm?cid=e5141 I used the wmode in my flash video, but the image is still displaying behind the video in IE. Any suggestions? Here is a link to the page I'm having the difficulty with: http://monningtonfarm.com/sales.shtml

[jscheuer1]

That looks long winded, the link to the explanation. But it's on the right track. I see you've implemented its instructions on the noscript version of the tag combo, but not in the call to AC_FL_RunContent(). You do have a pair of arguments for it (from your source code):



'lt','transparent'

This is either a typo, or required for something else. If it's a typo, change it to:


'wmode','transparent'

If it's required for something else, change it to:


'lt','transparent','wmode','transparent'

This latter should be fine in either case, as if 'lt' isn't required, it's being gracefully ignored.

Note: You have an odd and unrelated problem in Opera. The enlarged images are squished to about 100px height. This appears to be only the first time the page is loaded, which would tend to indicate that the images need to be preloaded, and that should help, but I see they are the same as the thumbnails. So yuo may only need to follow the directions on the demo page more closely. I see you have (for example):


<img sr . . . class="magnify" style="width:200px">

That and similar should be:


<img sr . . . class="magnify" style="width:200px;height:160px;">