Results 1 to 5 of 5

Thread: jQuery Image Magnify not magnifying

  1. #1
    Join Date
    Aug 2006
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify not magnifying

    1) Script Title: jQuery Image Magnify

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

    3) Describe problem: Ive gone wrong somewhere and i dont understand why.

    Ive downloaded the two files and inserted the script into the head tag of my page.

    Also ive added the class="magnify" inside the image tag, the problem i have is the zoom in cursor appears but nothing happens when i click.

    Im assumeing its got something to do with the origional image size or some alteration i need to make withing the a js file.

    Please could someone advise?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    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

  3. #3
    Join Date
    Aug 2006
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I am unable to provide a link at the momment as i dont have hosting sorted yet.

    Could the problem be as simple as i didnt include width, height or border attributes, that can be seen in the sample below?

    Or could it be how i size my images, currently i set image size
    when i create them with photoshop, I dont set image size via html or css?

    Code:
    <img border="0" src="listenmusic.jpg" width="200" height="150" class="magnify">
    Last edited by Dazza30; 08-30-2009 at 11:59 PM.

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

    Default

    Not having width/height attributes defined inside the image shouldn't make a difference. The most likely obvious error would be that one of your references to the external parts of the script are broken:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    
    <script type="text/javascript" src="jquery.magnifier.js">
    
    /***********************************************
    * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    
    </script>
    Check both references above are correct (ie: not broken), especially to the file jquery.magnifier.js on your server.
    DD Admin

  5. #5
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Dazza30 View Post
    1) Script Title: jQuery Image Magnify

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agemagnify.htm
    that code contain an error,i have corrected it :



    here is my example:

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
  •