ClearLens

Clear Lens - JQuery Plugin

To implement the plugin you have to include the pixastic library. and call the plugin in $(window).load event, Because for image processing first the image should be loaded. Hope you all know $(window).load will be triggered after all the assets are loaded.

How to use?

It is very simple to implement the plugin include you jQuery

1. include Pixastic Library
2. include the plugin code
3. Add attribute fitler="blur" for images that you want to apply
4. on $(window).load Event call the following code
   $('img').blurLens();
   or
   $('img').blurLens({ width: 200, height: 200, blur: 5 });
   width - Width of lens
   height - Height of lens
   blur - Blur Amount
   

Demo