Submit your widget

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,…


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…


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…


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"…


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…


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


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…


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 à…


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…


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…


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…


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…


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…


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…


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…