Advertise here

jQuery Plugins Tagged ‘image effect’

Hover Caption jQuery Plugin

March 09, 2013     20640     Effects
Hover Caption jQuery Plugin

Hover Captions is a jQuery plugin that enables you to display caption overlays with cool effects over images, div's, etc.

Read More »

Image Color Up jQuery Plugin

December 18, 2012     10068     Effects
Image Color Up jQuery Plugin

Image Color-Up is a jQuery plugin to add effects on mouse hover to your images: monochrome/greyscale, sepia, negative, darken or lighten images.

Read More »

jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

November 12, 2012     5805     HTML5 Effects
jQuery.BlackAndWhite – Convert Colored Image to Greyscale Image

jQuery.BlackAndWhite plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers. 

Read More »

Windy – jQuery Plugin for Swift Content Navigation

October 09, 2012     13883     Slider CSS3 & CSS Effects
Windy – jQuery Plugin for Swift Content Navigation

Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name.

Read More »

Foggy – jQuery Plugin for Blurring Page Elements

September 20, 2012     6376     CSS3 & CSS Effects
Foggy – jQuery Plugin for Blurring Page Elements

Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

Foggy by default uses the "-webkit-filter: blur" CSS attribute. If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.

Read More »

Draggable Image Boxes Grid with jQuery

August 28, 2012     28822     Drag & Drop Effects Grid & Layout
Draggable Image Boxes Grid with jQuery

Here you ll learn how to create a template with a fullscreen grid of images and content areas.

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More »

Merging Image Boxes With jQuery

May 31, 2012     8417     Slider Gallery Effects
Merging Image Boxes With jQuery
This is a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen.

Read More »

IMGr - jQuery Image Rounder

May 28, 2012     1797     CSS3 & CSS Effects
IMGr - jQuery Image Rounder

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.

Read More »

My Fade Over Image - jQuery Fading Effect Plugin

May 21, 2012     6617     Effects
My Fade Over Image - jQuery Fading Effect Plugin

My Fade Over Image 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 be removed, so that there is a clear distinction between this selected image and other non-selected images. You do not need to prepare multiple sets of images, also you can change the color tone using javascript.

Read More »

lake.js - jQuery Water Waves Plugin

May 08, 2012     12726     HTML5 Effects
lake.js - jQuery Water Waves Plugin

lake.js is a jQuery water waves plugin that takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

Read More »

Camera - Free jQuery Slideshow

April 03, 2012     7124     Slider Gallery Effects
Camera -  Free jQuery Slideshow

Camera slideshow is an open source project, based on Diapo slideshow, but improved a lot. You can download it and use for free.

Camera slideshow requires jQuery 1.4+ and other jQuery plugins are necessary if you want to use some functionalities: jQuery Easing and a customized version of jQuery Mobile to use Camera with mobile devices.

Read More »

Photo Wall - jQuery Photo Gallery Plugin

April 03, 2012     6756     Slider Gallery Effects
Photo Wall  - jQuery Photo Gallery Plugin
Photo Wall is a cool plugin that creates gallery like at Google Photos(Picasa).

Read More »

Adipoli jQuery Image Hover Plugin

March 10, 2012     4515     Effects
Adipoli jQuery Image Hover Plugin
Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

Read More »

jQZoom – Image Zoom & Magnifier jQuery Plugin

February 11, 2012     26548     Zoom Effects
jQZoom – Image Zoom & Magnifier jQuery Plugin

jQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is easy to use script to magnify what you want.

Read More »

Gradienter - jQuery Elements Gradient Plugin

February 11, 2012     2323     Effects
Gradienter - jQuery Elements Gradient Plugin
Gradienter is jQuery plugin which will color selected elements in gradient. Gradienter is easy to use, and with small effort you can have really interesting color effect on your page.
All you have to do is to choose elements and set first and last color in gradient.

Read More »