jQuery Image Effects Plugin & Tutorials with Example

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.

Ultimate Image Filters WordPress Plugin

Ultimate Image Filters WordPress Plugin

Ultimate Image Filters is a WordPress Plugin that integrates directly into your WordPress admin’s Media Manager and adds filters that you can use to enhance your photos for your site.

Features:

  • 46 Awesome Image Filters
  • Integrates inside the WordPress Media Manager.
  • NO front-end performance impacts.
  • Works with any image.
  • Generates attachment data & different image sizes correctly.
  • Works with page builders, Visual Composer, etc.
  • Works with any theme.
  • Simple interface.
  • Very easy to use.


Best jQuery websites design awards