The wmode (window mode) of the video set to transparent tells the browser that it may show HTML content over the video. Not all browsers require this permission, but some do.
I missed that you had also asked about the cursor. That's a known issue due to changes in how IE reads the cursor style property's value here in the script:
Code:
/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/
jQuery.noConflict()
jQuery.imageMagnify={
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
imgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
zIndexcounter: 100,
Using a text only editor like NotePad, edit the jquery.magnifier.js script and change that to url(magnify.cur), pointer:
Code:
/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/
jQuery.noConflict()
jQuery.imageMagnify={
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
imgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), pointer', //Value for CSS's 'cursor' attribute, added to original image
zIndexcounter: 100,
The -moz-zoom-in value is no longer needed, as those browsers now use the url cursor value. Using -moz-zoom-in, which is non-standard in IE, invalidates the entire cursor string, so it shows an arrow (the default cursor). A fallback to a valid standard cursor is required though, both for IE to use the url one and for some browsers (Opera is one) which might not be able to use the url one.
The browser cache may need to be cleared and/or the page refreshed to see changes.
Bookmarks