Best jQuery Image Effects Plugins & Tutorials with Demo

    Rollerblade : jQuery plugin for Interactive 360º image rotator

    Rollerblade : jQuery plugin for Interactive 360º image rotator

    A jQuery plugin for creating an interactive 360º image rotator.With Rollerblade, you can easily give your webpage visitors a great 360º viewing experience with your product, images, or anything else you can think of.

    jQuery Eraser : Plugin that makes an Image Erasable

    jQuery Eraser : Plugin that makes an Image Erasable

    A jQuery plugin that makes an image erasable (with mouse or touch movements)

    This plugin replaces the targeted image by an interactive canvas that can be erased using touch or mouse inputs. You can specify a callback for completion and set the brush size.

    imgSlider : jQuery plugin for creating Image Comparison

    imgSlider : jQuery plugin for creating Image Comparison

    A simple jquery plugin for creating image comparison sliders.

    jQuery Opacity by Mouse Location

    jQuery Opacity by Mouse Location

    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 image that is close to square, but it will define the circle within any sized image.

    jQuery Rotate : Plugin that Rotate Images by any Angle

    jQuery Rotate : Plugin that Rotate Images by any Angle

    jQuery plugin that rotate images (and animate them) by any angle.This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. An experimental version 3 tries to rotate all objects, but with some small issues.

    Alternate Fixed & Scroll Backgrounds with CSS

    Alternate Fixed & Scroll Backgrounds with CSS

    How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

    Clipping in CSS and SVG

    Clipping in CSS and SVG

    CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.

    JsMorph : JavaScript Motion framework

    JsMorph : JavaScript Motion framework

    jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

    jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.

    jQThumb : Create thumbnails from Images Proportionally with jQuery

    jQThumb : Create thumbnails from Images Proportionally with jQuery

    Create thumbnails from images proportionally and also an alternative for background-size in older browsers. It even works on IE6 from jQuery V1.3 and above.

    jQuery LazyImage Plugin

    jQuery LazyImage Plugin

    A simple and lightweight plugin to lazily load images.