Page 1 of 2 12 LastLast
Results 1 to 10 of 18

Thread: jQuery Image Magnify

  1. #1
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify

    1) Script Title: jQuery Image Magnify

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

    3) Describe problem:

    http://www.dynamicdrive.com/dynamici...agemagnify.htm


    Hi, I have this script working just fine except for one problem.
    I can't get the cursor to change no mater what I do.

    Can someone explain to me how I can get it working properly.?

    Thanks

    Bany

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Are you having trouble getting the "magnify" cursor that comes with the script to show? What browser are you using, and did you remember to upload the cursor to the directory where your page resides?
    DD Admin

  3. #3
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes, the cursor with the script is not showing.
    I'm using IE8.
    Yes, The cursor is in the directory.

    Like I said, everything works fine except for the cursor.
    I have played around with it for a day before I asked for help and I think I covered everything but obviously not.

    Thanks for the help.

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  5. #5
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

  6. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Most likely there is an issue with the path to your .cur image. Inside the .js file, change the following line so the path to the image is absolute:

    Code:
    cursorcss: 'url(http://mysite.com/magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
    Replace the part in red to the full domain/ URL to magnify.cur on your server.
    DD Admin

  7. #7
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, I'll give it a try and get back to you

  8. #8
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Nope, that didn't work.

  9. #9
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    I don't see the changes inside your .js file- is the URL the same?
    DD Admin

  10. #10
    Join Date
    Dec 2009
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    After I tried it I removed the line you gave me.

    Would you like me to put it back in and leave it there for you?

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
  •