Results 1 to 5 of 5

Thread: jQuery Image Magnify not working in IE

  1. #1
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify not working in IE

    1) Script Title: jQuery Image Magnify v1.11

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agemagnify.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:-

    Code:
    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:-

    Code:
    <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.
    Last edited by jscheuer1; 10-28-2011 at 04:47 PM. Reason: Format

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,937
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    One simple mistake I often make when using:

    Code:
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the reply.

    A link to a live example is given below:-

    http://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

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,937
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    	cursorcss: 'url(magnify.cur), pointer', //Value for CSS's 'cursor' attribute, added to original image
    will work in both browsers.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Many thanks John, that's resolved the problem.

    Nick

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •