Submit your widget
560
Yays

Reorder and filter items with a nice shuffling animation(Quicksand)

  Views 66716   downloads 7020   Image Effects

How it works At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items. You can do it in a couple of ways: Use plain HTML,…

466
Yays

unordered list animated circle with jQuery

  Views 49228   downloads 11273   Image Effects

jQuery plugin (2KB) that allows you to create an unordered list as an animated circle. Changelog: fixes for hover event, added direction option (clockwise or counter-clockwise) added hover trigger fixes…

358
Yays

Very Cool images 3D Gallery

  Views 59695   downloads 14511   Image Effects

This demo is truly  inspiring,It helps your photo gallery,hope you like it. CSS html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #eee; width: 100%; height:…

299
Yays

jQuery awesome Hover Image Slide Effect

  Views 53823   downloads 7569   Image Effects

we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect…

295
Yays

Smart3D images jQuery plugin

  Views 24611   downloads 3879   Image Effects

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

285
Yays

Images Or Banner Rotator With jQuery

  Views 44364   downloads 5017   Image Effects

How To Use It? Step 1 – XHTML The XHTML code of the banners is generated on the fly by PHP after a database query, and outputted to the page. Here is how the markup for a sample banner looks like:…

271
Yays

jQuery Plugin: rotate3Di - Flip HTML content in 3D

  Views 29306   downloads 4669   Image Effects

Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS Transforms are used to create…

260
Yays
232
Yays

Making a Photoshoot Effect With jQuery & CSS

  Views 33811   downloads 4096   Image Effects

We are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel. Using…

232
Yays

HTML5 and jQuery filter images Portfolio

  Views 98718   downloads 15679   Image Effects

we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to…

225
Yays

A jQuery Cloud Zoom

  Views 46349   downloads 13243   Image Effects

Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability…

221
Yays

simple jQuery Fading Background Color

  Views 24686   downloads 2395   Image Effects

we would like to experience with you another effect that is widely used these days, the Background Color Fading effect on hover. We’ll have a block of content that when the mouse moves over the…

214
Yays

Useful and Practical jQuery Image ToolTips

  Views 90919   downloads 37671   Image Effects

It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it's a useful script for your website. 1. HTML I have been thinking of using UL list, but then I think it's not…

209
Yays

cool jQuery animation effect gallery

  Views 31593   downloads 5093   Image Effects

Today we would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery.   Create three files: index.html, default.css, init.js and download Raphael…

209
Yays

randomised nice jQuery background scrolling effect

  Views 37159   downloads 8048   Image Effects

A continually scrollling background image using javascript A static overlay image with transparency Random starting positions for both images allowing for a unique appearance on every page load, again…