Clear Lens - JQuery Plugin
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
clearLens.css
clearLens.js
demo.html
pixalastic.js

README.md

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