Best jQuery Image Effects Plugins & Tutorials with Demo

jQuery Interactive Image Plugin

jQuery Interactive Image Plugin

Interactive Image is a jQuery plugin to embed interactive images on your website.

Features:

  • Interactive texts and images over large pictures
  • Flexible configuration of markers and items
  • Easily customizable with CSS
  • Installable via package managers

Animate Images and Videos with curtains.js

Animate Images and Videos with curtains.js

curtains.js was created with just that issue in mind. It is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders.
You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js : JavaScript Lazy Load Images Library

Lazyestload.js is a javascript library which load images only when they are in (and remain in) the viewport.

imageLife : jQuery plugin for Interacting Image with Mouse Move

imageLife : jQuery plugin for Interacting Image with Mouse Move

ImageLife is Jquery Plugin purpose for interacting image with event mouse move.

Password Strength Visualization with JavaScript

Password Strength Visualization with JavaScript

Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We thought this was an awesome idea and wanted to experiment with it, and also with the reverse logic.

jQuery Image Map Plugin

jQuery Image Map Plugin

A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes.

Translucent : jQuery Transparent Card Theme Plugin

Translucent : jQuery Transparent Card Theme Plugin

Translucent is a jQuery plugin for make transparent/translucent design element in webpage.

Instagram.css : Pure CSS Instagram Filters

Instagram.css : Pure CSS Instagram Filters

Instagram.css is a pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only.

Analog Film Emulator – Photo Editor

Analog Film Emulator - Photo Editor

A web based analog film emulator/photo editor. This is a simple photo editor with an analog film emulation mode based on the color lookup tables.

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor is a rotate elements to create a following effect.