Best jQuery Image Effects Plugins & Tutorials with Demo

    jQuery Lazy Load XT plugin

    jQuery Lazy Load XT plugin

    Lazy load XT is a jQuery plugin for images, videos and other media.Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.

    Block Uploads of Adult or Nude Images using PHP & jQuery

    Block Uploads of Adult or Nude Images using PHP & jQuery

    I found an interesting and useful class file in phpclasses.org, that helps to detect image nudity based on skin pixel score developed by Bakr Alsharif from Egypt. I had integrated this with my previous tutorial Ajax image upload with Jquery and PHP, sure this code helps you to block adult or nudity images.

    Rimg : JavaScript Responsive Image solution

    Rimg : JavaScript Responsive Image solution

    A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.

    “Responsive-image” (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of this page shows how the image is being changed by pure Javascript.

    Pixelate.js : jQuery plugin to Pixelate Images

    Pixelate.js : jQuery plugin to Pixelate Images

    A simple jQuery plugin to pixelate images, because I miss my Nintendo and high-resolution graphics are for suckers.

    Dynomap : jQuery Responsive Image map plugin

    Dynomap : jQuery Responsive Image map plugin

    Dynomap is a responsive image map plugin that allows for multiple states of when interacting with areas on the map and custom callbacks.

    The images that are used for background, overImg, downImg, clickedImg, visitedImg all have to be same in dimension. The image map area coordinates are given based on the original dimensions of the background image. Look at the demos as reference material.

    Offreg : jQuery Plugin to turns your Images into RGB “Prints”

    Offreg : jQuery Plugin to turns your Images into RGB "Prints"

    A jQuery plugin that uses canvas to create a ‘screen print’ offset effect on an image, by altering the pixel data.

    Imagefill.js : jQuery plugin for making images fill their containers

    Imagefill.js : jQuery plugin for making images fill their containers

    The jQuery plugin for making images fill their containers (and be centered).

    jQuery Photo Enlarger

    jquery-photo-enlarge

    A simple widget in jQuery to enlarge and shrink photos.

    tancolor : jQuery plugin that processes Image using filter algorithm

    tancolor : jQuery plugin that processes Image using filter algorithm

    A jQuery plugin that processes image using filter algorithm. It currently processes image into grayscale, bluescale, greenscale, redscale and more to come.

    Tancolor does not limit it’s user to the standard feature, it offers flexibilty to create our own set of color, let it be “red orange”, “purple blue”, “cyan” and so on. Just let your imagination runs wild.

    PhotoJShop : jQuery Photo editing Library

    PhotoJShop : jQuery Photo editing Library

    PhotoJShop is a JavaScript library for photo editing using the canvas, aiming to reproduce most usual filters.The idea is to provide a simple library to developers that will allow quick integration of photo filters to their website.