jQuery Image Effects Plugin & Tutorials with Example

jQuery FocusPoint Plugin

jQuery FocusPoint Plugin

jQuery plugin for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images.

Photofun : Image Effect Filters PHP Script

Photofun : Image Effect Filters PHP Script

Photofun is a “ready to use” SEO-friendly PHP montage script which allows you (or your users) to upload jpg, gif or png images, apply effects and then save and/or share the image (with your watermark).

It features 15 standard layers and 12 layers with filters but you can add as many as you want if you have a basic knowledge of PHP.

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.



Best jQuery websites design awards