Submit your widget

Lens Effect Image Zooming with jQuery plugin

Created 12 years ago   Views 15927   downloads 2740    Author dailycoding
 Lens Effect Image Zooming with jQuery plugin
View DemoDownload
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 -


The article source: