PDA

View Full Version : jQuery Image Magnify not working in IE



nickrand
10-28-2011, 04:33 PM
1) Script Title: jQuery Image Magnify v1.11

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

3) Describe problem: I've installed the script as per the instructions, however, when the cursor is placed over an image in Internet Explorer the magnify image does not display, but when clicked the image will enlarge. Everthing works fine in Firefox!

I've amended the code in jquery.magnifier.js to show the full url of the magnify.cur image, as below:-


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(http://localhost/htdocs/jon/magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
zIndexcounter: 100,

and i've included class="magnify" in the script, as below:-


<img src="images/basses/<?php echo $row['image']; ?>" title="<?php echo $row['bass_title']; ?>" class="magnify"/>

I can't understand why the scipt wont work in IE, does anyone have the answer?

Many thanks.

jscheuer1
10-28-2011, 04:53 PM
One simple mistake I often make when using:


http://localhost

is to launch the page into the default browser (in my case Firefox) directly from the hard drive. This almost never works.

But, unless something like that has happened to you, we would need a link to a live example of the problem.

If you want more help, please put up a demo of the problem somewhere we can see it and provide a link to it.

Alternatively you could make a .zip file of all the necessary files and attach it to a post. But the images might make it too large (the forum has size limits on attachments), so you could host it or the images somewhere.

nickrand
10-28-2011, 08:30 PM
Thanks for the reply.

A link to a live example is given below:-

http://http://www.regencysplendour.co.uk/plaques.php (http://www.regencysplendour.co.uk/plaques.php)

Again, this works in forefox but not in IE. I can't get it work on either a local or live server!

Any assistance is greatly appreciated.

Thanks.

Nick

jscheuer1
10-29-2011, 01:08 AM
Sorry, I misunderstood the problem. But it's probably good that you put up the demo. It helped me focus on the real issue, thanks.

IE 9 is a little buggy when it comes to these custom cursors. It's not alone in this. The standard says that the cursors should be listed comma delimited from left to right in order of preference. Neither Firefox nor IE really follow this. But the way things are in the distribution version of the script favors Firefox.

Without going into too much detail, changing it to:


cursorcss: 'url(magnify.cur), pointer', //Value for CSS's 'cursor' attribute, added to original image

will work in both browsers.

nickrand
10-29-2011, 09:26 AM
Many thanks John, that's resolved the problem.

Nick