Results 1 to 4 of 4

Thread: jQuery Image Magnify multiple images

  1. #1
    Join Date
    Jul 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify multiple images

    jQuery Image Magnify

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

    Hi, is there a way I could have the magnify work on a group of images in a div without assigning a class to each image. I would like to assign the class to the parent div and be able to set the style (width and height) in a stylesheet.

    thanks

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

    Default

    Sure, try the below modified .js file. It lets you do something like:

    Code:
    <div class="magnifycontainer">
    
    <img src="test.gif" style="width:200px" /> <br />
    
    <img src="test2.gif" style="width:200px" />
    
    </div>
    All images within the DIV with CSS class "magnifycontainer" will have the magnify effect applied to them.
    DD Admin

  3. #3
    Join Date
    Jul 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default DD Admin Help

    DD Admin,

    I'm a new user. I've got a problem with

    JQuery Image Magnify. I'd post a new thread but cannot find a way to do that. Perhaps I'm not fully "turned on" yet when it comes to posting.

    FYI, my issue is that I've installed the scripts and the script works FINE EXCEPT that the cursor does not change to indicate that magnification is possible. This creates a navigation issue as the user will not know to click to magnify.

    What's odd is that AFTER clicking the image, it zooms to the center of the page and the cursor changes to a hand (not magnify.cur). Upon clicking the magnified image, it goes back to its original size, but the cursor then changes back to the standard pointer. I've tried it in IE 8, FF and Safari. Same result in all cases.

    I've downloaded another .CUR file and updated the jquery.magnifier.js file to make sure that the .CUR file was not corrupted. That didn't help either. I've set things back to the original way and no luck with the cursor changing.

    You can see the problem at:

    http://www.mauivacationrentalsnow.com/magnify.asp

    If you have an ideas, it would be appreciated.

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

    Default

    Hi Mark:
    The path to magnify.cur seems to be incorrect actually. Based on what you've specified inside the .js file, the browser will look for the image at: http://www.mauivacationrentalsnow.com/magnify.cur As you can see, it doesn't exist. Make sure you've uploaded the image to the root directory of your domain.
    DD Admin

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
  •