Are you looking for JQuery Image Effects Plugins If yes then you are on right place because here we have collected most popular 200 JQuery Image Effects Plugins for you. you can choose any of following JQuery Image Effects Plugins which suits best to your web based projects, These all are highly rated JQuery Image Effects Plugins.
Interactive Image is a jQuery plugin to embed interactive images on your website.Features:Interactive texts and images over large picturesFlexible configuration of markers and itemsEasily customizable with CSSInstallable via packa.....
Image Effects
Plugins
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......
Animation
Core Java Script
Image Effects
Video_Audio
Lazyestload.js is a javascript library which load images only when they are in (and remain in) the viewport. .....
Core Java Script
Image Effects
Web
ImageLife is Jquery Plugin purpose for interacting image with event mouse move. .....
Events
Image Effects
Plugins
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 c.....
Core Java Script
Forms
Image Effects
A native JavaScript solution for creating responsive image-maps that rerender on image or viewport changes. .....
Image Effects
Plugins
Translucent is a jQuery plugin for make transparent/translucent design element in webpage. .....
Image Effects
Plugins
Instagram.css is a pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. .....
CSS
Image Effects
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. .....
Core Java Script
Image Effects
FollowCursor is a rotate elements to create a following effect. .....
Core Java Script
Image Effects
Today we’d like to share some layouts with a sliced image look with you. The idea is to show some text elements in a grid layout and change the content and images in a slideshow fashion. For the background image slices, we creat.....
CSS
Image Effects
scrollToClip is a function to clip two elements on scroll to give a reveal effect. .....
Image Effects
Plugins
A jquery plugin for comparing two images .Features:Effort to put appearance via css (easier to skin / override)Touch friendly, mouse drag, with a big thanks to Hammerjs.ResponsiveYou can listen to change event to add some of your .....
Image Effects
Plugins
Scalize is a responsive scaling position with jquery, you can build awesome your project witch scalize. .....
Image Effects
Plugins
ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image.Key features:small size, .....
Core Java Script
HTML5
Image Effects
Premium
Meme Generator is a jQuery plugin allowing easily creating images with captions (memes). It doesn’t require any special markup, you can use it on any <img> and the plugin will handle the rest. It uses HTML5 Canvas to c.....
HTML5
Image Effects
Plugins
This plugin was created on the concept un-blurring a part of image using SVG. .....
Image Effects
Plugins
SVG Tutorial
Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them! .....
Image Effects
Plugins
I was always fascinated by the “water ripple effect” and so it was time to deal with it. The result is a small jQuery plugin, which you can easily integrate into your projects. As with my last jQuery plugins, you can u.....
Animation
Image Effects
Plugins
Blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode. .....
Core Java Script
CSS
Image Effects
An immersive transition effect powered by image masks and CSS transforms. .....
CSS
Image Effects
Tilt.js is a tiny request AnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery. .....
Image Effects
Plugins
Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, etc.Features:Fast and lightweightNo additional elements are created or necessaryOnce set, position is taken care by the browsersrcset supportYou .....
Core Java Script
Image Effects
A tutorial on how to create a simple image effect with little image fragments inspired by some poster art and powered by clip-path.The inspiration comes from a poster of the Grand Canyon with a fun distortion-like effect: some pie.....
Core Java Script
CSS
Image Effects
CSSCO is a photographic filters made with CSS, inspired by VSCO and CSSgram. .....
CSS
Image Effects
Today we’d like to share a little decorative effect with you that we’ve encountered on Filippo Bello’s Portfolio, maybe you’ve seen it. It’s a really neat way to add some jazz to background images. The idea is to replica.....
Animation
Core Java Script
CSS
Image Effects
In this tutorial we will show you how to create a simple image editor using jQuery, HTML5 and CSS.We use different CSS filter like Grayscale, Blur, Exposure(brightness), Sepia and Opacity to edit the image you can add more effects.....
CSS
HTML5
Image Effects
A little jquery helper to glitch everything.first element become a static backgroundnext element with glitch property and lower intervalnext element with glitch property, higher interval and scale optionsnext element with glitch p.....
Image Effects
Plugins
Today we’d like to share a simple hover/click effect for images with you. The main idea is to show a map or a base image with some points of interest (POS) and when we come close to one of these points and hover, an image starts.....
Core Java Script
Image Effects
SVG Tutorial
imgNotes is an extension of the jQuery imgViewer plugin that adds markers and notes to an image that can be zoomed in and out with the mousewheel and panned around by click and drag. .....
Image Effects
Plugins
jQuery-select-areas is a jQuery plugin that let you select multiple areas of an image, move them and resize them. .....
Image Effects
Plugins
Target.js is a javascript library to choose targets elements and show the text who you want when the mouse hover the point. .....
Image Effects
Plugins
The simple, easy-to-implement animation plugin to rotate icons, images, and elements. .....
Animation
Image Effects
A pure JavaScript plugin to create a mosaic of an image. .....
Core Java Script
Image Effects
Grafi.js is a library intended for learning about how image processing works. Each modules are intentionally kept small and users are encouraged to read the source code to learn about different methods and algorithms. In result, g.....
Core Java Script
Image Effects
jQuery Hover3d is a simple hover script for creating 3d hover effect.The idea is transforming the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change.....
CSS
Image Effects
Plugins
Philter is an open source JavaScript plugin that allows you to control CSS filters through HTML attributes counting on hover event triggered effects. .....
Core Java Script
CSS
Image Effects
Photo Editor is a photo editing application based on the Cropper.js. .....
Core Java Script
Image Effects
Zoom
iPanorama 360° jQuery Plugin is a lightweight and rich-feature panorama viewer for the web. This plugin is built with modern libraries jQuery and Three.js to be used for part of backend solutions. Additionally, it has an awesome .....
Image Effects
Plugins
Premium
Zoom
This is jquery plugin provide the blurry image effect when image is completely load. .....
Image Effects
Plugins
Image Map Pro comes with a fully featured web app to quickly create, edit and export your image maps. Using the app is super easy and a step-by-step guide is also included!
Image Map Pro is the only plugin, which allows you to d.....
Image Effects
Plugins
Premium
A tiny (2KB) jQuery Plugin to crossfade images with a nice tresholding effect. .....
Image Effects
Plugins
Those colorful filters uses css blend modes and were heavily inspired by Spotify new 2015 ads.
This technic is called “DuoTone”, and today, with the power of CSS we can play around with some blend-modes properties, t.....
CSS
Image Effects
React component for creating blurred backgrounds using canvas. .....
Core Java Script
HTML5
Image Effects
Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colo.....
Core Java Script
Image Effects
FilterBlend is a playground for the new CSS background-blend-mode and filter properties.
Load your images and combine blending with filters to achieve some really unique effects! .....
CSS
Image Effects
Plugins
CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniqu.....
CSS
Image Effects
jQuery plugin to easy convert any image to image based jigsaw puzzle. .....
Animation
Image Effects
Plugins
Lollipop is the perfect image editing HTML5 app for quick and straight forward editing.Features:90+ FILTERS16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section. Lollipop’s filters a.....
Core Java Script
HTML5
Image Effects
Premium
jQuery Image Player is a jQuery plugin that is an image based player with a look and feel of video player. It also has slide effects. .....
Image Effects
Plugins
Video_Audio
In this specific tutorial i am going to show you how to add face detection with jquery feature to your web application like they do on facebook. I tested this script with different images with different layout and complexity to te.....
Image Effects
Its a jQuery plugin to give any image a shakky effect. Its pretty easy to use, just call the jquery method for any image identifier. .....
Animation
Image Effects
Plugins
LoadGo is a jQuery plugin that allows you to create a progress bar by using your own images.Perfect for logo image animation when user is waiting for something to be loaded (a website, retrieving information, updating status, etc......
Image Effects
Plugins
jQuery plugin Watermark help you seal batch of images, like a stamp tool.Because this plugin is written in HTML5 and Javascript, so it will operate without a server for image processing, bandwidth limit is no longer the thing you .....
Image Effects
Plugins
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter. .....
Carousel
Image Effects
Popup Window
SVG Tutorial
SmarterImages aims to be the most flexible dynamic image replacement jQuery plugin. Think CDN, but without the server.The plugin watches the browser viewport width on load() and resize(), and when the zone changes the plugin rebui.....
Image Effects
Plugins
Responsive
A website for taking pictures and converting them into vector files – designed for use on smartphones. Quickly vectorize your sketches and designs! .....
Image Effects
Plugins
AutoFit is a jQuery script that allow you to transform your images into automatic responsive elements. With a simple and smart code the image will be resized and cropped to fit the container. This script preserve the structure HTM.....
Image Effects
Plugins
Premium
Responsive
Animated heart prototype for the Climate Coalition exploring 3D transitions and masking techniques. .....
Animation
Image Effects
Ultra light cross browser image blurring plugin for jQuery .....
Image Effects
Plugins
Inspired by https://facebook.com/celebratepride – a super-lightweight library (< 100 lines of code) to “prideify” (add rainbow stripes to) any image using the <canvas> API. .....
HTML5
Image Effects
Plugins
A module to produce CSS gradients as placeholders for images. .....
CSS
Image Effects
A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards. .....
Gallery
Image Effects
Plugins
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. .....
CSS
Image Effects
PixelFlow.js is an image pixelating filter jquery plugin using canvas. .....
Animation
HTML5
Image Effects
Plugins
This jQuery plugin allow you to add effects to images and html5 videotags easily. It supports different types of processed effects and overlay .....
HTML5
Image Effects
Plugins
Video_Audio
simpleFilter.js is an easy-to-use jQuery plugin with a library of photo filters for your website. Choose from eight filters and six modifiers to create subtle effects. .....
Image Effects
Plugins
Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of .....
Core Java Script
HTML5
Image Effects
Slider
Lightweight jQuery extension for serving high-resolution images on desktop and mobile devices. Compatible with @2x, @3x, and @4x image varients, using Apple’s recommended naming convention for high-resolution graphics. .....
Image Effects
Plugins
A simple plugin for jquery utilizing camanjs to do image editing and filter applying. .....
Image Effects
Plugins
Pixie is a online javascript image editor script that can easily crop, rotate, resize, zoom and round your images corners right from your browser and then save it to your computer.Easily crop, rotate, resize, zoomFree Drawing Mode.....
Core Java Script
HTML5
Image Effects
Premium
Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone.This library prov.....
Core Java Script
Image Effects
A full-width figure element, with floating images distributed in a 3D space.What you can achieve through CSS 3D Transforms is limitless. With power comes responsibility, though. There will be cases when you’ll take full advantag.....
CSS
Image Effects
ClassyPicozu is a jQuery plugin that allows you to use Picozu’s advanced image editing functions on images from your own website. Basically you get an awesome online image editor your visitors can use to play with. .....
Image Effects
Plugins
Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. With Dense, your content images get support for data-ratiox attributes and .....
Image Effects
Plugins
Responsive
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.....
Image Effects
Other API
Images go whoa with lots of floaty dots. .....
Core Java Script
Image Effects
Imagine pure JavaScript image background removal. Can you?
So try this tool and your imagination will become real.Features:Easy to use interfaceSupport images with complex, white, gray or gradient backgroundMagicEdge and MagicWa.....
Core Java Script
Image Effects
Premium
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. .....
Animation
Image Effects
Plugins
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. Pe.....
Forms
Image Effects
Plugins
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.....
Image Effects
Plugins
Responsive
A plugin of jQuery-animations that provides tile animations. .....
Animation
Image Effects
Plugins
jQuery Plugin to create nice blur backgrounds from an image. .....
Image Effects
Plugins
jQuery plugin for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images. .....
Image Effects
Plugins
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 l.....
Image Effects
PHP
Premium
A jQuery plugin for creating an interactive 360º image rotator.With Rollerblade, you can easily give your webpage visitors a great 360º viewing experience with your product, images, or anything else you can think of. .....
Image Effects
Plugins
A jQuery plugin that makes an image erasable (with mouse or touch movements)This plugin replaces the targeted image by an interactive canvas that can be erased using touch or mouse inputs. You can specify a callback for completion.....
Image Effects
Plugins
A simple jquery plugin for creating image comparison sliders. .....
Image Effects
Plugins
Change an element’s opacity based on the mouse’s distance from its center.The idea is to use some jQuery to define an invisible circle around the center point of an element, and to lower the element’s opacity as .....
Image Effects
Plugins
jQuery plugin that rotate images (and animate them) by any angle.This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. An experimental version 3 tries to rota.....
Image Effects
Plugins
How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed. .....
CSS
Image Effects
CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-re.....
CSS
Image Effects
SVG Tutorial
jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.jsMorph is a c.....
Animation
Chart_Graph
Core Java Script
Image Effects
Menus
Slider
Create thumbnails from images proportionally and also an alternative for background-size in older browsers. It even works on IE6 from jQuery V1.3 and above. .....
Image Effects
Plugins
A simple and lightweight plugin to lazily load images. .....
Image Effects
Plugins
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 FiltersIntegrates i.....
Image Effects
Plugins
Premium
Wordpress
Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animationsTrigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay tri.....
Animation
Core Java Script
Image Effects
Premium
SVG Tutorial
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 .....
Image Effects
Plugins
Responsive
Crossfade.js is a tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page. .....
Image Effects
Plugins
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 ar.....
Gallery
Image Effects
Plugins
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 ResponsiveTouch & Mobile.....
Image Effects
Plugins
Premium
Responsive
Wordpress
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 ca.....
Image Effects
Plugins
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.....
Animation
Image Effects
Plugins
Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome. .....
Image Effects
Plugins
Text Effect
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 .....
Image Effects
Plugins
Responsive
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 sizesUnlimited sizesWP CroppingManage sizes as PostsSave your .....
CSS
Image Effects
Plugins
Premium
Wordpress
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.....
Animation
Bootstrap
Image Effects
Plugins
Premium
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. .....
Image Effects
Plugins
jQuery BgSwitcher is a plugin to Switch the background image with using effects. .....
Animation
Image Effects
Plugins
Rainbow.js is a small jQuery library that will allow you to create css gradients, with HTML only. .....
Image Effects
Plugins
Text Effect
Web
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. .....
Image Effects
Plugins
HTML5 clone of the photo tilt feature/gesture/ux found in Facebook’s Paper app. .....
Core Java Script
HTML5
Image Effects
Responsive & Retina Content Images Redux using Media Queries & a base64 spacer GIF with the rwdImages jQuery plugin to allow the actual image to be saved, shared & printed.Retina screens will be served an image that.....
Image Effects
Plugins
Responsive
jQuery pixel plugin to simulate image projection over a specified area. .....
Image Effects
Plugins
A simple, lightweight plugin to make images fit anywhere and anyway.Finally set the ImageFit in the ‘window load’ event. If you detect visual flips or white margins then try doing it in both, the ‘document ready&.....
Image Effects
Plugins
Responsive
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. .....
Ajax
Image Effects
jQuery Mobile
Plugins
Video_Audio
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 w.....
Image Effects
PHP
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) .....
Core Java Script
Image Effects
Responsive
A simple jQuery plugin to pixelate images, because I miss my Nintendo and high-resolution graphics are for suckers. .....
Image Effects
Plugins
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 .....
Image Effects
Plugins
Responsive
A jQuery plugin that uses canvas to create a ‘screen print’ offset effect on an image, by altering the pixel data. .....
Image Effects
Plugins
The jQuery plugin for making images fill their containers (and be centered). .....
Image Effects
Plugins
A simple widget in jQuery to enlarge and shrink photos. .....
Image Effects
Plugins
Zoom
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 .....
Image Effects
Plugins
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 websit.....
Image Effects
Plugins
Simple Polyfill for CSS3 backgroundSize: cover in jQuery.backgroundcover will not test your browser’s capability for backgroundSize:cover`, hence it is recommended to use a library like Modernizr. .....
CSS
Image Effects
Plugins
A jquery plugin that navigates an image by using an HTML image map.jQuery Panelize is a plugin built largely to assist in navigating web comics, although it can additionally be used for presentations, interactive maps, and SVG. .....
Image Effects
Plugins
Slider
SVG Tutorial
All animations and styles can be combined to create a unique experience for your image galleries.Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.The package contains the o.....
Animation
Image Effects
Premium
While playing around with some jQuery effects, I ended up building a mosaic transition effect between two photos, and I decided to wrap it up in a tutorial and share it with you. .....
Image Effects
A jQuery plugin for smooth-scaling, element-filling backgrounds.A really simple way to add element-filling background images. .....
Image Effects
Plugins
imgcolr is a jQuery plugin for grabbing the dominant color of a given image’s borders. You can programmably adapt the elements’ color on the webpage for the image after getting the color. Based on the idea, we can make.....
Image Effects
Plugins
Captall is a jQuery plugin that can be used to show a caption over an image or any DOM element.It has a massive amount of options making it adjustable for everyone’s needs.In fact you can show not only text but also images o.....
Image Effects
Plugins
BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means you can save eve.....
Image Effects
Plugins
Premium
A very lightweight and simple jQuery plugin to extract the main color of an image’s border. Just pass a callback as first parameter of the getPixelColor which takes one parameter. The parameter send to your callback will be .....
Image Effects
Plugins
“A picture is worth a thousand words”, but sometimes even a thousand words are just not enough.Taggd is a jQuery plugin that help you create tags on images with, or without a popup! .....
Image Effects
Plugins
A cropper for when you need images to be a specific size. It works using a predetermined aspect ratio. The UI differs from other croppers, here you may drag the image into position and even resize it.Features:Works in all the majo.....
Image Effects
Plugins
Premium
Echo.js, simple JavaScript image lazy loading via HTML5 data-* attributes, superfast and standalone (jQuery free).Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it̵.....
Core Java Script
Image Effects
Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the details. Your visitors will love theme.Features:50 Animation Effect 13 Color SchemesWe use F.....
CSS
Image Effects
Plugins
Premium
Watermark.js is a js library for creating watermarks on images written by Patrick Wied. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doe.....
Image Effects
Plugins
Here I am going to tell how to show a icon on mouse over thumbnail image using simple jQuery & CSS.Now a days most websites are using this trick. In this tutorial You are going to show a link icon on mouse over anchored thumbn.....
CSS
Image Effects
BloxHover is a simple jQuery plugin that animates overlay on images in 10 different effects. You can put any HTML content in the overlay. It’s structure is simple and it’s very flexible. The minified version of the plugin is 1.....
Image Effects
Plugins
Premium
Your wait for a sane, easily managed path to responsive images has now ended.With Slimmage, CSS controls which image size is downloaded, not HTMLFeatures:Media queries, breakpoints, nested percentages, & max-width work as expe.....
Core Java Script
CSS
Image Effects
A very lightweight jQuery plugin to lazy load images.This plugin is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won’t be lo.....
Image Effects
Plugins
jQuery HeapShot plugin is an image gallery plugin with a stack effect. .....
Gallery
Image Effects
Plugins
Double Viewer jQuery Plugin is an easy-driven and comfy app which allow you to compare two different images in one slider. Double Viewer jQuery Plugin works in all of main browsers and mobile devices. Using Double Viewer jQuery Pl.....
Image Effects
Plugins
Premium
jQuery-Fakecrop Plugin takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a “fake” cropping effect on those images; which produces convincing thumbnails. .....
Image Effects
Plugins
canvasResize is a plugin for client side image resizing.It’s compatible with iOS6 and Android 2.3+ It can work both with jQuery and Zepto.I fixed iOS6 Safari’s image file rendering issue for large size image (over mega.....
Image Effects
Plugins
Mate Hover – is a jQuery plugin for image hover animations. You can change the appearance of pop-up elements. You can embed your icons, text etc.Features:Ready to Responsive and AdaptiveSimple to useCross BrowsersAllow multiple .....
Animation
Image Effects
Plugins
Premium
Responsive
Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image. All you have to do is call it on an image selector. .....
Image Effects
Plugins
Stretch images perfectly for fullscreen with jQuery fitpic js plugin. .....
Image Effects
Plugins
This plugin can change selected colours to transparent and give result as image or imagedata. This plugin works IE9+, Chrome, Firefox, Safari.Usage :include the latest version jquery in your pageinclude the latest version this plu.....
Image Effects
Plugins
jQuery stripes is a jQuery plugin that creates stripes on an img element. .....
HTML5
Image Effects
Plugins
A jQuery plugin for generating a draggable 360 preview from an image sequence. .....
Image Effects
Plugins
A jquery plugin for preloading images. .....
Image Effects
Plugins
imgCentering.js is a lightweight jQuery plugin (about 1kB with minified) that help to center and resize images/pictures based on its original ratio within a fix dimension container.imgCentering.js will NOT crop your images, but it.....
Image Effects
Plugins
A jQuery plugin for swapping out images with images scaled for retina displays.Retina based devices (iPhones, iPads, and soon many more mobile devices and desktops) make images look pretty crummy. A fix to this is to swap out the .....
Image Effects
Plugins
In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScrip.....
Drag_Drop
HTML5
Image Effects
Plugins
retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays.When your users load a page, retina.js checks each image on the page to see if there is a high-resolution versio.....
Core Java Script
Image Effects
Easily create amazing hotspots on your images with just point & click!Features:Different Types of Spots & TooltipsUNIQUE & Amazing Aiming Effect!Tip & Bubble tooltipsChange tooltip direction “top, bottom, right, .....
Image Effects
Plugins
Premium
elevateZoom is a highly-customizable jQuery plugin for creating image-zoom interfaces with ease.It can work with a single high-quality image or two images (a thumb and a high-quality version).The zoom window can be placed on any p.....
Image Effects
Plugins
Zoom
SwinxyZoom takes the ImageZoom paradigm to the highest level, not content with a single level zoom and jerky movements we’ve packaged together everything you need for a myriad of effects whilst taking care performance and compat.....
Drag_Drop
Image Effects
Plugins
Premium
Zoom
Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters. This script is crossbrowser and it was tested on:Firefox 10 +Chrome 18 +Safari 6.0 +IE 7 + .....
CSS
Image Effects
Plugins
SVG Tutorial
Web
This plug-in can easily convert every colored image (in an html page) into a B&W greyscale image.It uses the the HTML5 canvas tag and a fallback for the old browsers .....
HTML5
Image Effects
Plugins
With Color-Up jQuery plugin easily add beautiful hover effects to your images, add transitions from (and to) a monochrome, sepia, negative, darkened or lightened version of the image. .....
HTML5
Image Effects
Plugins
A ready to use jQuery image zooming plugin to present your images in the highest detail without leaving the page.Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins. Customize th.....
CSS
Image Effects
Plugins
Premium
Zoom
FlipBook will take a sequential time series of images and animate them. Each image is shown for a short period of time and then replaced by the next image in the series. The animation begins as soon as the first image is loaded; i.....
Animation
Image Effects
jQuery UI
Plugins
A jQuery plugin that given a ul with images inside their lis will do some things to line them up so that everything fits inside their container nice and flush to the edges. Used throughout Art.sy to make rows of images fit inside .....
Image Effects
Plugins
Responsive
IMGr is a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.Features:Unobtrusive, <img> element preservedConfigure border size, style, color a.....
CSS
Image Effects
Plugins
This plugin create a fading effect for image on mouse over. In addition, you can select a color tone filter for your images. The tone is set for the images, when they are not hovered. When it is hovered, the color tong filter will.....
Image Effects
Plugins
jQuery filter.me is a jQuery dependant script that allows you to apply filters to images using Photoshop .acv Curves Adjustment files. jDataView is used to read the Photoshop file, from which we create a Monotonic Spline Curve rep.....
HTML5
Image Effects
Plugins
This jQuery plugin automatically scales images to fit or fill their parent container. The defined parent container of the image must have a defined height and width in CSS. .....
CSS
Image Effects
Plugins
This Javascript plugin displays a your images in full size when the mouse hovers over them.Just include this plugin and all images in your webpage will have the Hover-Zoom effect! .....
Image Effects
Plugins
Zoom
A small plugin for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by scaling and positioning a background-image, after it sets the IMG element’s src to a transparent png. Wheelzoom doesn’t add any e.....
Image Effects
Plugins
Zoom
Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design.....
Image Effects
Plugins
Zoom
This jQuery Plugin make your existing images responsive without creating new images.Responsive Img is a solution to all which combines a jQuery plugin with a PHP image pre-processor.The plugin enables the page to change the src at.....
Image Effects
PHP
Plugins
Responsive
jQuery plugin to resize images to fit in a container. .....
Image Effects
Plugins
Responsive
Filtrr2 is a JavaScript image manipulation library. Think of it as Instagram filters on the browser. It uses the <canvas> element to paint filtered pictures in the place of normal pictures on your website.Filtrr has a many i.....
Core Java Script
Image Effects
Todays freebie is a swish jQuery zoom hover effect plugin which you can use to add a great effect to things such as portfolio item’s.With this plugin you can add a zoom style effect to your images on hover, also you can add an o.....
Gallery
Image Effects
Plugins
Zoom
PanoJS3 – An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space .....
Core Java Script
Image Effects
Zoom
Inspired by the website GOTOCHINA and jQuery Supersized by Sam Dunn, I have a jQuery plugin SuperBGImage created. For a recent project I had to adjust the Supersized plugin and integrate it into a REDAXO page.�.....
Image Effects
Plugins
PaintbrushJS is a lightweight, browser-based image processing library
that can apply various visual filters to images within a web page.You use it by applying a class to an element on the page and setting
a few parameters with.....
Core Java Script
Image Effects
hey hi today i wanna show you Layers 3D is a powerful jQuery plugin which you can use for creating ‘Parallax’ or ‘Out of the Image’ effects on your site. With ‘fullsize’ mode you can create even a whole parallax effect.....
Image Effects
Plugins
Text Effect
This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary elements on the fly. What this means is that we are starting from barebon.....
CSS
Gallery
Image Effects
Remember those cards from the bottom of the Cracker Jack box – the ones that changed images as they were tilted? Well, lenticular.js brings that interaction to the iPhone. It can be used for fancy-pants product views or just to .....
Image Effects
Plugins
This plug-in can easily convert any colored image (in an html page) into a B&W greyscale image. .....
Image Effects
Plugins
jQuery plugin for fold up the DOM like paper.riDomi only works in modern browsers that support CSS 3D transforms.Features:zero dependencieoptional jQuery/&c. supportworks on iOSfold images, webfonts, animated gifs, almost any .....
Animation
Image Effects
Plugins
In this tutorial we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing that makes this di.....
CSS
Image Effects
ClipGallery is a new way to show your pics. In combination with jQuery and the ClipFX plugin, it puts your photos in a grid and as the mouse moves over the “thumbs” they expand at full size. .....
Animation
Gallery
Image Effects
Give your website visitors the ability to navigate a large area of rendered HTML quickly. Usefull for creating maps of supermarkets, shopping malls, theme parks, zoos, festival sites, theatres, airports, seating plans in fact anyw.....
Animation
CSS
Image Effects
Plugins
Premium
A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. .....
CSS
Image Effects
Plugins
Image sliders add life and interactivity to your web contents. But creating an image slider from scratch is not that easy. You need some good programming skills to create your own slider. If you are not the programmer or you just .....
Image Effects
Plugins
Responsive
Slider
Picanim is jQuery plugin used to bring stylish image hover.Features:27+ unique hover effectsinclude: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…small size,just 3kb after gzipedcross bro.....
Image Effects
Plugins
Premium
JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.Besides jQuery, it also uses jQuery UI and requires the frames to be animated as a single, horizontal .....
Animation
Image Effects
jQuery UI
Plugins
jQuery.iviewer is an jquery ui widget representing image viewer component used to load and view image with ability to zoom image and to drag it with mouse in container. .....
Image Effects
jQuery UI
Plugins
Zoom
CropZoom is a plugin that let you select an area of an image and then crop it. whit this tool you also will be able to zoom in or to zoom out, to drag and also rotate an image. .....
Image Effects
jQuery UI
Plugins
Zoom
Simply place some text in the title attribute and give the image class=”captionme” and you will get lovely “wrap-around” captions which compliment your inline images. Simply play around with the css and cap.....
Image Effects
Text Effect
We needed a PHP and jQuery image upload and crop tool and came up with the following.Before you start, ensure you have the following:PHP 4 or Higher (It has been tested on Version 5)Safe mode must be off! – A number of users hav.....
Image Effects
PHP
Tagyourimages is a plugin for jQuery that lets you to make interactive your images.Now you can insert text and links on your images!.Through the tagTool you can tag your images in the simplest way possible. .....
Image Effects
Plugins
Premium