Magnify Images using jQuery
Posted on July 20, 2009, under JavaScript, 
Bookmark it
JQuery Image Magnify is a script by Dynamic Drive that enables any image to be magnified by a specific factor when clicked on using a sleek zoom in/out effect. The image is zoomed to the center of the user’s screen. You just have to set a smaller width and height for the image then apply the class ‘magnify’ to it.
This script is extremely easy to set up- to enable the “magnify” effect on any image, just give it a CSS class of “magnify”. It’s time to let you users take a closer look at images on your page!
- Source & Demo: http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
- Tested in: FF1+ IE6+ Opr9+
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- July 20, 2009
- article by Gabriel C.
- Share your thoughts!
Related Posts
-
Highly Customizable Cross-Browser jQuery Fade-in Slideslow Scriptat September 19, 2009
-
Zoom Areas in Images: Free Flash Magnifying Glass Effectat July 28, 2009 with 1 comment
-
Zoom Images using jQuery and MooToolsat December 21, 2008 with 2 comments
-
Easily add Captions to your Images with jQuery and MooToolsat August 12, 2009
-
Enhance Website Navigation Menus: jQuery Multi Level Popup Menuat December 30, 2009
-
AJAX Form with CAPTCHA, Realtime Validation and PHP BackendPublished on 09.02.08, 544 replies.
-
Dynamic Dependant DropDown List: US States & CountiesPublished on 11.06.08, 83 replies.
-
An AJAX (jQuery) Username Availability Checker with PHP Back-endPublished on 12.05.08, 61 replies.
-
How to Implement a jQuery AJAX Login Form into a Modal BoxPublished on 04.24.09, 85 replies.
-
How to Add Multi-language Support to a PHP WebsitePublished on 07.23.09, 83 replies.
-
10 Mistakes Info-Marketers Need To Know And Avoid In Order To Succeedby Gabriel C. on February 3, 2012
-
In-Depth Instant CSS Documentation Search: InstaCSS
by Gabriel C. on December 2, 2011
-
Factors to Consider When Choosing a Font
by Gabriel C. on November 15, 2011
-
Bootstrap: Kick-start Development of Webapps and Sites
by Gabriel C. on November 8, 2011
This is a great application. But Gabriel you prommised me a database "updated version" laston February 5th, 2012 by Llewellyn
Also will not work in this example: www.google.com/?secondwebsite.com/site.phpon January 7th, 2012 by dewdwtf2
For people who seem to be receiving auto responder emails twice, the issue can beon December 30th, 2011 by Donina
Hi I have bought your script. I will need to display fields (say: input,select, ect.) inon December 24th, 2011 by franco
- AJAX (20)
- Design (16)
- Flash (19)
- Freebies (10)
- General (17)
- Graphics (22)
- HTML & CSS (33)
- Frameworks (8)
- JavaScript (142)
- Frameworks (5)
- jQuery (74)
- MooTools (13)
- Photoshop (3)
- PHP (103)
- Reviews (5)
- Statistics (2)
- Web Tools (8)
- Wordpress (16)
- February 2012
- December 2011
- November 2011
- October 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- May 2008
Tag Cloud
- ajax form builder
- ajax login
- alphabetical
- array
- auto grow
- base
- calculate
- captcha
- chart
- charts
- countdown
- css framework
- delimiters
- documents
- dropdown
- extension
- extract
- filename
- fonts
- form
- gd library
- icon set
- iphone
- lightbox
- modal box
- mod_rewrite
- percent
- Photo Gallery
- picker
- random
- remove
- script.aculo.us
- search
- shopping cart
- skin form elements
- slider
- syntax highlighter
- tableless
- to-do
- validate
- web analytics
- web fetch
- WYSIWYG
- zoom