Image Effects

Spread the love           This plugin was created on the concept un-blurring a part of image using SVG. Tags: Blur Effect Demo: http://demo.sodhanalibrary.com/jqImgBlurEffects/demo_introduction.html Download Links https://github.com/SodhanaLibrary/jqImgBlurEffects

Spread the love           Change an element’s opacity based on the mouse’s distance from its center. The idea is to use some jQuery to define an invisible circle around the center point of an element, and to lower the element’s opacity as the user’s mouse gets closer to its center. The effect works best with an

Spread the love           A jQuery plugin that processes image using filter algorithm. It currently processes image into grayscale, bluescale, greenscale, redscale and more to come. Tancolor does not limit it’s user to the standard feature, it offers flexibilty to create our own set of color, let it be “red orange”, “purple blue”, “cyan” and so

Spread the love           Translucent is a jQuery plugin for make transparent/translucent design element in webpage. Demo: https://byeolbit.github.io/translucent Download Links https://github.com/byeolbit/translucent

Spread the love           A jQuery plugin for generating a draggable 360 preview from an image sequence. Demo: http://nick-jonas.github.com/threesixtyjs/ Download Links https://github.com/nick-jonas/threesixtyjs

Spread the love           A very lightweight jQuery plugin to lazy load images.This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won’t be loaded until the user scrolls to them. Lazy Load has some cool options such as

Spread the love           Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them! Demo: http://zurb.com/playground/twentytwenty Download Links http://zurb.com/playground/twentytwenty

Spread the love           “A picture is worth a thousand words” , but sometimes even a thousand words are just not enough. Taggd is a jQuery plugin that help you create tags on images with, or without a popup! Demo: http://www.timseverien.nl/taggd/ Download Links https://github.com/timseverien/taggd

Spread the love           jQuery plugin to resize images to fit in a container. Demo: https://dl.dropbox.com/u/6983010/wserv/imgLiquid/examples/imgLiquid.html Download Links https://github.com/karacas/imgLiquid

Spread the love           A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. Demo: https://www.travismclarke.com/imagemap/ Download Links https://github.com/clarketm/image-map