Submit your widget
92
Yays

HTML5 sorting photos Drag and Drop effect

Views 27373   downloads 4254   Image Effects

Drag and Drop and HTML5. As you know (I hope), all modern browsers (it should be FF, Safari, Chrome, possible Opera) have native support of this useful feature (as drag and drop). It means that we can…

91
Yays

Image Reveal using jQuery

Views 14844   downloads 1564   Image Effects

Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see…

91
Yays

jQuery plugin for selecting area of an image

Views 11356   downloads 1960   Image Effects

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such…

90
Yays

jQuery Captify Simple Animated Image Captions

Views 16316   downloads 3091   Image Effects

Using the ALT-attribute method: <img src="theimage.jpg" class="captify" alt="Caption Text" />   DIV-linked-by-REL-attribute Method: <img src="theimage.jpg" class="captify" rel="caption1"…

90
Yays

Color Changing Text and Backgrounds w/ jQuery

Views 10582   downloads 2060   Image Effects

Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able…

90
Yays

simple CSS3 Slick Animated Image Caption

Views 23841   downloads 6111   Image Effects

This is  a simple CSS3 animated image caption. it's very common, useful. the CSS code. .container{ height:200px;width:400px; background:#000; overflow:hidden; position:relative; } .text{ background:rgba(0,0,0,0.5);…

89
Yays

Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

Views 11761   downloads 1921   Image Effects

This is a simple jQuery , but can be extremely useful in frontend design Similar examples 1. HTML It's simple, inside the container - photo class you have three objects, first div is the heading, image…

89
Yays

Very Useful CSS3 Rounded ImageS With jQuery

Views 11054   downloads 1515   Image Effects

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a…

89
Yays

Simple jQuery Image hover/fade effect

Views 20792   downloads 3277   Image Effects

This is very useful simple Image hover/fade effect。 For this tutorial,you will need to make two images, one which is the normal state (ie. the image which will display on the page when the mouse isn’t…

88
Yays

jQuery Smooth animated effect

Views 12035   downloads 2236   Image Effects

Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create something very cool…

87
Yays

jQuery cool dynamic grid layout plugin

Views 54262   downloads 8639   Image Effects

BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into ‘blocks‘ and position them in well-arranged grid layout like Pinterest, one of…

86
Yays

jCaption: jQuery Image Captions with Customizable Markup, Style and Animation

Views 8649   downloads 1412   Image Effects

jCaption is a jQuery plugin designed to make adding captions to a page dead simple. It takes an image element and uses one of its attributes to build the markup for a caption. It allows for both arbitrary…

85
Yays

jQuery image zoom effect

Views 10851   downloads 1784   Image Effects

The HTML There are two DIV’s that make up the construction of each element, we first have out .item div which is the container for our image and caption. Directly inside the ‘item’ div…

84
Yays

The Wire Tumblr in Realtime-alike jQuery

Views 13004   downloads 1500   Image Effects

we’ll try to discuss how to make an image walking like in “The Wire Tumblr in Realtime”. Actually, that image walking makes use of a very simple technic; the script automatically prepends…

83
Yays

Image Lazy Loader for Prototype

Views 10211   downloads 1412   Image Effects

Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded when needed. Shift-reload to test again Installation/Configuration Include the needed javascript…