Results 1 to 3 of 3

Thread: jQuery Image Magnify Doesn't Work in IE

  1. #1
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify Doesn't Work in IE

    1) Script Title: jQuery Image Magnify v1.1

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agemagnify.htm

    3) Describe problem:
    The images magnify very well - thank you - however fails when tested in an IE window.

    I see in the code requirement below you've issued, that int eh document "jquery.imageWarp.js", the following line:

    cursorcss: 'url(magnify.cur), -moz-zoom-in'

    Is to be adjusted and set to the complete URL where "magnify.cur" is located on your server.

    I have adjusted this, however my images are still not being magnified.

    NB - the draft website I am testing this in is:
    www.dorothysic.com/shop.html.

    The URL where jquery.imageWarp.js is kept is:
    http://www.dorothysic.com/public_html

    And this is what I have plugged in as the URL. Have I done this wrong?

    Please help!

    Thanks
    Jacqui

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,957
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    Best I can figure, jquery.imageWarp.js was a working title for the script so you should more or less ignore it. I know the demo page mentions and even links to it, but I think when it does it means the current jquery.magnifier.js v1.1 file.

    On another front, if you view the demo page (the one on Dynamic Drive) in IE, it works fine.

    Now, and I didn't author this script, as far as I can see, the magnify.cur is primarily for IE. Firefox can and will use -moz-zoom-in if magnify.cur cannot be found. But the presence or lack thereof of magnify.cur shouldn't affect the way the script works, just how the cursor looks in IE, perhaps some others. In fact, the path to magnify.cur may be fine, read on . . .

    I think your problem (there could be others) is an HTML syntax error, which regardless should be rectified (from your source code, they're all, or most of them, like this and should be fixed):

    Code:
    <img src="art/BK1005" alt="BK1105" width="200" height="200"  "class="magnify"/>
    See that red " mark? It just doesn't belong. Some browsers will error correct for it, apparently not IE.

    Get rid of all of those and see what happens.
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    jacquisarah (03-17-2010)

  4. #3
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    John - you are brilliant. Thank you - and this was all it was!
    Thank you too for the additional information.

    Jacqui

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
  •