Results 1 to 2 of 2

Thread: jQuery Image Magnify v1.11 can't get to work

  1. #1
    Join Date
    Mar 2013
    Location
    Michigan
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery Image Magnify v1.11 can't get to work

    1) Script Title: jQuery Image Magnify v1.11

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

    3) Describe problem: I can not get this script to work. Put script in the <HEAD>, saved the two files: jquery.magnifier.js. in folder called js and the magnify.cur is in the root directory. I added the class="magnify" to a picture at Line 185, Line 187 and it won't work. Help!...what am I doing wrong? Here's the page I am working on: http://www.sleezybarbhorsewear.com/bootcovers.htm

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    First off, save a backup just in case. Then in the head of the page, replace:

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

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    After the script for jQuery Image Magnify, add this highlighted script as shown:

    Code:
    <script type="text/javascript" src="js/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>
    
    <script type="text/javascript">
    var $ = jQuery
    </script>
    Remove this line from the head:

    Code:
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    Finally you need to replace the semi-colon (red) in the compound class name with a space:

    Code:
    <img  src="webpictures/BootCoverpic_small.jpg"  alt="horse Professional Choice boots covers, 
    				horse splint boot covers" class="style3;magnify" style="float: right" width="100" height="131"/>
    So you get:

    Code:
    <img  src="webpictures/BootCoverpic_small.jpg"  alt="horse Professional Choice boots covers, 
    				horse splint boot covers" class="style3 magnify" style="float: right" width="100" height="131"/>
    Save all those changes and use that version of the page.

    The browser cache may need to be cleared and/or the page refreshed to see changes.
    - John
    ________________________

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

Similar Threads

  1. jQuery Image Magnify v1.11 - doesn't work for me
    By leechyeah in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-12-2011, 08:31 AM
  2. jquery Magnify doesn't work when uploaded to server
    By ndngirl in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 06-09-2010, 06:50 PM
  3. jQuery Image Magnify Doesn't Work in IE
    By jacquisarah in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-17-2010, 04:07 AM
  4. jquery image magnify don't work
    By imen in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 03-01-2010, 10:29 PM
  5. Jquery image magnify, magnify onmouseover
    By azoomer in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-15-2009, 09:27 PM

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
  •