Submit your widget

a polaroid Drag drop photo viewer with CSS3 and jQuery

  Views 17685   downloads 2627   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 17205   downloads 2508   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 19700   downloads 3167   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 19037   downloads 2597   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 15068   downloads 2605   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 17046   downloads 2557   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 24463   downloads 2952   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 24772   downloads 3865   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 14120   downloads 2615   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 17542   downloads 5154   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 38888   downloads 4646   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 24062   downloads 2992   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 53487   downloads 6497   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 17897   downloads 3473   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 13538   downloads 2358   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…