Best jQuery Image Effects Plugins & Tutorials with Demo

    Integrate Pixlr Online Photo Editor in Website

    Integrate Pixlr Online Photo Editor in Website

    In this tutorial we are going to integrate pixlr online photo editor in our web application or website.

    Pixlr is an free online photo editor tool, using this pixlr editor we can edit photos like in adobe photoshop. pixlr has almost same interface of photoshop, if you know photoshop little bit then it’s easy for you to edit photos in pixlr editor. So now we are going to add this excellent pixlr photo editor in our website.

    Breathing Halftone : Image into Floaty Dots

    Breathing Halftone : Image into Floaty Dots

    Images go whoa with lots of floaty dots.

    Magic Edge : Pure JavaScript Background Remover

    Magic Edge : Pure JavaScript Background Remover

    Imagine pure JavaScript image background removal. Can you?
    So try this tool and your imagination will become real.

    Features:

    • Easy to use interface
    • Support images with complex, white, gray or gradient background
    • MagicEdge and MagicWand tools
    • Image conversion on the client side
    • Auto conversion from JPG, GIF to PNG
    • Download or send to server
    • Edge blur
    • Preview before save
    • Zoom and Pan
    • Cross-browser support

    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.