200 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

.....
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

The main goal of FilterSlider is to manipulate images and HTML content using canvas, jQuery library and Javascript.It uses advanced techniques to produce some of the popular effects like grayscale, sepia and saturation along with .....
Ajax HTML5 Image Effects Plugins Premium Slider

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