jQuery Image Effects Plugin & Tutorials with Example

Water ripples effect : jQuery Plugin

Water ripples effect : jQuery Plugin

This javascript jQuery plugin to simulateWat water ripples on the surface of an image. There are quite a few code snipplets on the internet to simulate water ripples in javascript-canvas.

picEdit : jQuery front-end Image editor Plugin

picEdit : jQuery front-end Image editor Plugin

An attempt to create a simple front-end image editor jQuery plugin that would replace a file-upload input box in a HTML form.The plugin will turn your form’s <input type="file"... box into a tiny image editor/uploader. Perform basic image operations and preview your image before uploading to the server.

jQuery Background Cover Plugin

jQuery Background Cover Plugin

This jQuery plugin is a smarter version of the CSS3 feature “background-size: cover”, to cover the area of a HTML element with a background image. It adds two features:

  • Safe Area: it is possible to define a safe area of the image, that will never be cropped. See below for further information.
  • IE8 compatibility (or any other browser that does not support background-size): instead of using a CSS background image, an img element is added and positioned behind.

jQuery Animations Tile Plugin

jQuery Animations Tile Plugin

A plugin of jQuery-animations that provides tile animations.

Blurr : jQuery Plugin to create nice Blur Backgrounds

Blurr : jQuery Plugin to create nice Blur Backgrounds

jQuery Plugin to create nice blur backgrounds from an image.

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.



Best jQuery websites design awards