Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Graphics, Flash and Multimedia _ magnifying rollover

Posted by: purplegemma35 Dec 7 2012, 03:30 PM

Im building a site for an architect and i want a magnifying rollover on all of his pictures of his buildings. Its important that the magnifyer is adjustable by the viewer. My client wants people to be able to see brick work closely without the clutter of too many pics on his site. Can anyone help with this? I have an idea of what i want (found it on macy's jewelry page, i have the link if anyone wants to see it). I tried looking at the source on the macy's page but i didnt know what i was looking for so i couldnt figure it out.

Posted by: rawka Feb 21 2013, 10:29 PM

first you will need high quality images that are resized smaller. second there is a number of ways to do this but from the sounds of it. you want it to be pretty navigation ready. so i would suggest using a jquery. here is a link to set it up.

http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3

this one doesnt have a zoom function so i would try and look around more in depth if you dont like this one.

Posted by: rawka Feb 21 2013, 10:36 PM

there is also one here i found thats $7 but its much better in the sense it gives you a list of image you can go to on one side and then a window to just show the zoomed image. you see them often on sneaker sites. works very well.

http://codecanyon.net/item/etalage/180719