Submit your widget

a polaroid Drag drop photo viewer with CSS3 and jQuery

  Views 17902   downloads 2692   Image Effects

This example is making use of CSS3 and jQuery, just to show the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean. HTML The HTML of this page isn't…


jQuery image zoom effect

  Views 17409   downloads 2540   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…


jSquares images and description hover overlay (jQuery)

  Views 19865   downloads 3206   Image Effects

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. Setting it up Make sure you’re including these files in the head of your document <script src=""…


Navigate into extralarge images(jQuery)

  Views 19151   downloads 2633   Tabs

A photogallery for extralarg images with navigator. You can drag your extralarge image in the display by the navigator or the image itself. Enjoy yourself into images. here is the js call: $(function(){…


CSS3 Gradient Background

  Views 15245   downloads 2646   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 17171   downloads 2595   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 24674   downloads 2999   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 24903   downloads 3910   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 14324   downloads 2664   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 17677   downloads 5205   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 39334   downloads 4713   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 24165   downloads 3043   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 53721   downloads 6537   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 18056   downloads 3501   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 13662   downloads 2405   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…