Best jQuery Image Effects Plugins & Tutorials with Demo

    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.

    Trigons – Create and Animate Abstract SVG Images

    Trigons - Create and Animate Abstract SVG Images

    Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

    Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

    Features:

    • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
    • Created Trigons SVG images can be responsive.
    • Retina perfect
    • Flexible and powerful settings
    • Works in all modern browsers
    • Any color, any size
    • Clean bright or flat colors or gradients
    • Build-in Color Palette Generator
    • Convert to PNG
    • Use it as “background-image”
    • Dynamic add, update, animate and convert with 7 JavaScript methods
    • Click, Hover and “Viewport” events
    • Separate “In” and “Out” Animations
    • “Force” Animation Methods
    • Use it via JavaScript and/or via HTML5 data attributes

    jQuery Unobtrusive Background Image Switcher

    jQuery Unobtrusive Background Image Switcher

    jQuery plugin that switches background images of a website – can be used as an image slider or a full screen background image switcher as well as image preloader.

    Demo 1 Demo 2 Demo 3

    Crossfade.js : jQuery plugin for Crossfading Images

    Crossfade.js : jQuery plugin for Crossfading Images

    Crossfade.js is a tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.

    jQuery Shuffle Images Plugin

    jQuery Shuffle Images Plugin

    Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.

    Smart Before After Viewer jQuery WordPress Plugin

    Smart Before After Viewer jQuery Wordpress Plugin

    Visual diff tool, that makes it easy to highlight the differences between two images. Simply wrap any two images with [before-after] shortcode open and close tags inside WordPress editor.

    Features:

    • Fully Responsive
    • Touch & Mobile Friendly
    • Extremely Easy to Use
    • Drag or Hover Interaction
    • Horizontal and Vertical Orientations
    • Custom Labels and Colors
    • Shortcode Generator
    • Multiple Instance On One Page

    LaziestLoader : jQuery plugin to smartly Lazy load images

    LaziestLoader : jQuery plugin to smartly Lazy load images

    A responsive-aware jQuery plugin to smartly lazy load images and other elements.Speed up page load times by delaying the load of images and other elements until they enter — or are about to enter — the viewport. You can specify an single image source, or a range of source images for responsive applications. Additionally, the source can dynamically change on browser resize.

    Pieces – Amazing Image Effects jQuery Plugin

    Pieces - Amazing Image Effects jQuery Plugin

    Pieces allows you to split an image into tiles and animate them with amazing effects. It comes with 300 ready-to-use animations and with a tool that let you create your animation packs. You can use it both with javascript and html markup. With Pieces you can control tiles dimension, speed, stagger, so on. And it’s responsive and SEO friendly. Pieces takes advantage of TweenMax and the flexibility of jQuery.

    Features:

    • 300 ready-to-use animations
    • tool for creating animation packs
    • responsive
    • SEO friendly
    • it can be used also without javascript
    • full compatibility with all the latest browsers
    • fallback for older browsers

    Foggy : jQuery plugin for blurring Page elements

    Foggy : jQuery plugin for blurring Page elements

    Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

    Wrangle : jQuery Touch-friendly plugin to wrangle up your Images

    Wrangle : jQuery Touch-friendly plugin to wrangle up your Images

    Wrangle is an experimental plugin that will have you rustling up your herd of photos like a real cowpoke. Our tool gives your app a new way to perform multiple selections — using your mouse … or even your fingers! So grab your lassos. This tool’s your huckleberry.

    Wrangle is a responsive, touch-friendly selection plugin for jQuery or Zepto. Wrangle offers a unique method of multiple selection: by drawing a line through items to select them. The plugin is lightweight and designed to be exstensible and adaptable. It’s also highly experimental, due in no small part to the diversity of touch implementations in various devices and browsers.