PDA

View Full Version : jQuery Image Magnify v1.11 - doesn't work for me



leechyeah
12-12-2011, 07:45 AM
1) Script Title: jQuery Image Magnify v1.11
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
(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:

<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>

<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):

<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

jscheuer1
12-12-2011, 09:27 AM
In your post you have the order of the scripts reversed.

This:


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

Must come before this:


<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.

leechyeah
12-12-2011, 09:31 AM
Brilliant! Thank you, I did not think of that.

LeeCh :D