Submit your widget
109
Yays

AnythingZoomer jQuery Plugin

Views 10061   downloads 2618   Image Effects

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate…

111
Yays

Animated background image with jQuery

Views 12880   downloads 2470   Image Effects

In this example, we are going to create a basic web page layout which includes a super cool animated background image, using jQuery. Let’s do it 1. The first step of this tutorial is to download…

107
Yays

Easy Display Switch with CSS and jQuery

Views 21729   downloads 2406   Image Effects

This is a simple way to allow your users to switch page layouts by using CSS and jQuery. Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change…

99
Yays

Sexy Image Hover Effects using CSS3

Views 23653   downloads 6012   Image Effects

In this example I am going to show to How to create a sexy css effect on image hover.This kinda effect you have seen before in Flash or in javascript as well.But why use Flash or js when CSS can do the…

115
Yays

CSS Swap Hover Effect

Views 12929   downloads 2359   Image Effects

It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with…

84
Yays

The Wire Tumblr in Realtime-alike jQuery

Views 12959   downloads 1489   Image Effects

we’ll try to discuss how to make an image walking like in “The Wire Tumblr in Realtime”. Actually, that image walking makes use of a very simple technic; the script automatically prepends…

95
Yays

Simple Flip Puzzle Effect like Apple with jQuery

Views 11042   downloads 1714   Image Effects

Gradient and Flipping Technique I said that the advertisement makes use of puzzle paper effect. In order to create this effect, we give a lighting from certain angle to each block layer that we stacked…

146
Yays

Thumbnail Effect With Zoom And Sliding Captions(jQuery )

Views 20841   downloads 2973   Image Effects

This time with zoom and sliding caption. HTML <!-- start thumbnailWrapper div --> <div class='thumbnailWrapper'> <ul> <li> <a href='#'><img src='images/1.jpg' /></a>…

107
Yays

Sliding door effect with JQuery

Views 11702   downloads 1736   Image Effects

HTML   <div class='box_container'> <img class='box_image' src='img.jpg' style='width:300px'/> Just some dummy text. </div> <div class='clear'></div>     The…

108
Yays

Image splitting effect with CSS and JQuery

Views 11293   downloads 1705   Image Effects

we are going to make an image splitting effect. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing…

114
Yays

Hoverbox Image Gallery

Views 21017   downloads 3701   Image Effects

It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with. While my example page only has # linked to, this could easily…

99
Yays

jquery masked Gallery

Views 14249   downloads 2376   Image Effects

Slide your images into a mask! Build your own png mask and choose your images to slide inside! in the header: <script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script> <script…

160
Yays

A jQuery Cloud Zoom

Views 29420   downloads 8816   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…

120
Yays

Sexy Images jQuery Plugin

Views 17349   downloads 2256   Image Effects

This plugin allows you to create sexy hover effect for images on your page ;) Requried: jQuery 1.3+ Test with following browsers: Opera 10.0+ Mozilla Firefox 3.0+ Google Chrome 3.0.195 Safari 3.1+ (win)…

93
Yays

jQuery Easy Background Resize

Views 13085   downloads 2331   Image Effects

Resizable full-browser background image using jQuery. Implementation requires no CSS. Keeps the images aspect ratio in tact! Example HTML for Background DIV <!-- This gets positioned absolutely so…