jQuery Image Effects Plugin & Tutorials with Example

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.

Imager – Amazing Image Tool for WordPress

Imager – Amazing Image Tool for WordPress

The plugin allows to create unlimited image sizes, regenerate the thumbs and to add css filters and animations directly from WP’s Media Section.

Features:

  • Custom thumb sizes
  • Unlimited sizes
  • WP Cropping
  • Manage sizes as Posts
  • Save your sizes from WP or Theme Updates
  • Regenerate all thumbnails in 1 Click
  • Find your custom sizes in WP MEDIA select
  • Add 31 different CSS Filters to the thumb
  • Add 30 different CSS Animation to the thumb
  • Manage the options in “ADD MEDIA” (editor)

Bootstrap Visual FX : jQuery Plugin

Bootstrap Visual FX : jQuery Plugin

Bootstrap Visual FX is a fusion between severals of my jQuery plugins, specially adapted to Twitter Bootstrap 2 & 3 .

Features:

  • Buttons effects (shine, glass)
  • Images effects (shine, glass, grayscale)
  • Full Notification system, with many options (style, buttons, animations, icons, position …)
  • Very easy to use, simply add css class to add effects to yours buttons or images
  • Automatically works with any theme
  • Mobile compatible
  • Documentation , examples and fast start sample page
  • Full modern browsers compatibility : IE8+, Firefox, Chrome, Opera, Safari …

jQuery Viewport-Crop : Simple & hassle-free Image Resize & Crop

jQuery Viewport-Crop : Simple & hassle-free Image Resize & Crop

Simple & hassle-free image resize & crop based on a pseudo-viewport. Touch-friendly via touch-punch.No special requirements for use, by default it modifies the behaviour of each image tag it finds.

jQuery BgSwitcher : Switch the Background Image Plugin

jQuery BgSwitcher : Switch the Background Image Plugin

jQuery BgSwitcher is a plugin to Switch the background image with using effects.

Rainbow.js : A jQuery library to manage Gradients Easily

Rainbow.js : A jQuery library to manage Gradients Easily

Rainbow.js is a small jQuery library that will allow you to create css gradients, with HTML only.

jQuery Panorama Viewer Plugin

jQuery Panorama Viewer Plugin

Embed interactive Panorama Pictures on your site with this simple  jquery plugin.Now you will be able to display your panoramic photos without having to rely on the global width of the website. I hope you will find this useful.



Best jQuery websites design awards