Advanced Search

Results 1 to 3 of 3

Thread: jQuery Image Magnify v1.11 - doesn't work for me

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

    Exclamation jQuery Image Magnify v1.11 - doesn't work for me

    1) Script Title: jQuery Image Magnify v1.11
    http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

    3) Describe problem:
    I'm having a hard time trying to get my image zoomer working - I believe I have followed all the instructions and still it does not work. I even looked at other examples I have found online.

    I have correctly pointed my files to the right location:
    Code:
    <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>
    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    I have added class="magnify" to each image (they display a zoom-in cursor when I hover over, but no action):
    Code:
    <img src="menu/hamcheese.png" class="magnify" alt="pizza1" name="pizza1" width="175" height="95" id="pizza1" style="cursor: url('magnify.cur'), -moz-zoom-in; opacity: 1;" data-magnifyby="2"/>
    The only time I can get it working is by re-typing the script's location in Firebug and then all of my images can zoom correctly.

    I used the latest FireFox to test (8.0) and IE 8 to test. I have spent all day trying to get this working one the first page load and not successful.

    Please help, thanks in advance,

    Leech
    Last edited by leechyeah; 12-12-2011 at 07:27 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,701
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    In your post you have the order of the scripts reversed.

    This:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    Must come before this:

    Code:
    <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>
    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If that's not the problem and you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - 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:

    leechyeah (12-12-2011)

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

    Smile Solved.

    Brilliant! Thank you, I did not think of that.

    LeeCh

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
  •