Submit your widget
97
Yays

CSS3 Gradient Background

Views 9884   downloads 1746   Image Effects

WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news,…

99
Yays

QuickFlip 2: The jQuery Flipping Plugin

Views 10159   downloads 2202   Image Effects

QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with…

100
Yays

Reel images 360°3D view jQuery plugin

Views 18387   downloads 2250   Image Effects

An image is worth a thousand words. And what about the moving one! Try reel for yourself. Place your mouse pointer over images above. And roll your mouse wheel up/down or drag the image left/right. How…

90
Yays

jQuery Captify Simple Animated Image Captions

Views 16257   downloads 3067   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"…

72
Yays

CSS Image Switcher

Views 8243   downloads 1662   Image Effects

Roll over a link, watch the image above change. That’s what we build in this screencast, only we don’t use any JavaScript to do it. The trick is some simple z-index switching on hover and…

94
Yays

Standard zoom(jquery)

Views 10309   downloads 3121   Image Effects

Add first the last jQuery release, then the jQZoom script(don't forget this),the correct order is important.Look at the installation code below. <script type='text/javascript' src='js/jquery-1.2.6.js'></script>…

117
Yays

jQuery virtual tour

Views 26958   downloads 3813   Image Effects

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour !   Introduction…

109
Yays

Animated InnerFade with JQuery

Views 16324   downloads 2112   Slideshow & Scroller

Présentation Ce plugin pour jQuery est une extension du travail de Torsten Baldes : InnerFade with JQuery. Nous avons ajouté :  un effet de mouvement sur les images à…

96
Yays

Greyscale Hover Effect CSS & jQuery

Views 34917   downloads 4537   Image Effects

Wireframe – HTML First set up an unordered list which we will use as our foundation for the list of gallery images. <ul class="gallery"> <li> <a href="#" class="thumb"><span><img…

95
Yays

A jQuery plugin for displaying images with Flash-like zooming effects

Views 11130   downloads 2554   Image Effects

a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces…

80
Yays

Photo Zoom Out Effect with jQuery

Views 8107   downloads 1258   Image Effects

This is a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography…

117
Yays

Filter Image View Using jQuery

Views 21629   downloads 3518   Layout & Interface

the image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item…

129
Yays

a jQuery Image Scroller

Views 20224   downloads 3573   Slideshow & Scroller

We’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions…

133
Yays

Amazon Books Widget with jQuery and XML Image Scroller

Views 19873   downloads 3300   Slideshow & Scroller

It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built…

249
Yays

Smart3D images jQuery plugin

Views 15658   downloads 2948   Image Effects

Simple code brilliant results     $(function() { $('#mindscape').smart3d(850); });   <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img…