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

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.