Submit your widget

Lens Effect Image Zooming with jQuery plugin

Created 7 years ago   Views 22570   downloads 4709    Author dailycoding
 Lens Effect Image Zooming with jQuery plugin
View DemoDownload 198.1 KB
111
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