Submit your widget
HomeImage Effects Lens Effect Image Zooming with jQuery plugin

Lens Effect Image Zooming with jQuery plugin

Created 12 years ago   Views 15896   downloads 2733    Author dailycoding
Lens Effect Image Zooming with jQuery plugin
View DemoDownload
67
Share |

Use this jQuery plug-in to add lens style zooming effect to an image

I was searching a good jQuery plug-in for image zooming but couldn't find any which was matching my criteria. I need the lens effect while zooming images and it should work without much plumbing. So, I decided to create one and now sharing this with everyone.

What I need to use this?

  1. jQuery
  2. ImageLens plug-in – jquery.imagelens.js
  3. An image

How to use this?

Include jQuery and jquery.imageLens.js in you web page -

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.imageLens.js" type="text/javascript"></script>

For default image lens just use imageLens as below. Note that it will automatically calculate actual size of image and start showing zooming -

$("#img_01").imageLens();

The article source:http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming.aspx