I want to magnify an image when you hover over it and that it moves with the cursor.
You know those sites that display a detailed photo of say 800x600 but, display it in an area only 200x200 ?
the user moves the cursor around the 200x200 window and the full size 800x600 scrolls around the 200x200 window ?
It's kind of a magnifying glass effect
Anyone know how I can implement this ?
just like this when you hover over the largest picture on the site
You could get that done with jQuery pretty easily.
Here's a page that has a few different jQuery plug-ins that can handle that...
Hello Jon Fritz II,
Thanks for recommendation! I actually did end up using one of the jquery plugins in there. However, I am having trouble getting it to work. The plugin was downloaded from http://www.jacklmoore.com/zoom
I searched online on how to make a jquery plugin work but no success, this is why I am turning to you. Could you give me some guidance? This is the code I have sofar, I have no previous experience with jquery so please bear with me. I am using Dreamweaver CS5 v.11
Thank you in advance,
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>zoom in trial</title>
<span class='zoom' id='ex1'>
<img src="zoom/daisy.jpg" id='jack' width='555' height='320' alt='Daisy on the Ohoopee'/>
You appear to be missing the link to the actual jquery library file. You should have something like...
In the <head> section of your site. That file should have come with the jquery.zoom.min.js file but it appears the makers of that script expect you to know that you need it rather than giving it to you directly. No biggie. You can add this link to your <head> section, just above the link to the zoom.min.js script...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></sc ript>
Or you can open that link and copy the contents to a blank .js file to add to your site, then link to that file instead.
That "should" get you going.
Jon Fritz II,
Your help has been greatly appreciated,
I'm very thankful there are people like you out there. If you would like to see what I was able to achieve with your assistance please visit http://www.hastamorir.ca/Mens%20libertad.html
Date: Thu, 31 Jan 2013 06:19:01 -0800
Subject: Re: image magnifying image magnifying
Re: image magnifying
created by Jon Fritz II in Dreamweaver - View the full discussion
You appear to be missing the link to the actual jquery library file. You should have something like... In the section of your site. That file should have come with the jquery.zoom.min.js file but it appears the makers of that script expect you to know that you need it rather than giving it to you directly. No biggie. You can add this link to your section, just above the link to the zoom.min.js script... Or you can open that link and copy the contents to a blank .js file to add to your site, then link to that file instead. That "should" get you going.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5037161#5037161
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: image magnifying
To unsubscribe from this thread, please visit the message page at Re: image magnifying. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.