PDA

View Full Version : jQuery Image Magnify multiple images



pvernaglia
06-17-2010, 06:54 PM
jQuery Image Magnify

http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

Hi, is there a way I could have the magnify work on a group of images in a div without assigning a class to each image. I would like to assign the class to the parent div and be able to set the style (width and height) in a stylesheet.

thanks

ddadmin
06-17-2010, 09:22 PM
Sure, try the below modified .js file. It lets you do something like:


<div class="magnifycontainer">

<img src="test.gif" style="width:200px" /> <br />

<img src="test2.gif" style="width:200px" />

</div>

All images within the DIV with CSS class "magnifycontainer" will have the magnify effect applied to them.

Mark Cofano
07-16-2010, 01:23 AM
DD Admin,

I'm a new user. I've got a problem with

JQuery Image Magnify. I'd post a new thread but cannot find a way to do that. Perhaps I'm not fully "turned on" yet when it comes to posting.

FYI, my issue is that I've installed the scripts and the script works FINE EXCEPT that the cursor does not change to indicate that magnification is possible. This creates a navigation issue as the user will not know to click to magnify.

What's odd is that AFTER clicking the image, it zooms to the center of the page and the cursor changes to a hand (not magnify.cur). Upon clicking the magnified image, it goes back to its original size, but the cursor then changes back to the standard pointer. I've tried it in IE 8, FF and Safari. Same result in all cases.

I've downloaded another .CUR file and updated the jquery.magnifier.js file to make sure that the .CUR file was not corrupted. That didn't help either. I've set things back to the original way and no luck with the cursor changing.

You can see the problem at:

http://www.mauivacationrentalsnow.com/magnify.asp

If you have an ideas, it would be appreciated.

ddadmin
07-16-2010, 04:53 PM
Hi Mark:
The path to magnify.cur seems to be incorrect actually. Based on what you've specified inside the .js file, the browser will look for the image at: http://www.mauivacationrentalsnow.com/magnify.cur As you can see, it doesn't exist. Make sure you've uploaded the image to the root directory of your domain.