Submit your widget
64
Yays

Multiple CSS3 Image Styles

Views 15779   downloads 3106   Image Effects

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can…

63
Yays

Cool animation with jQuery

Views 14543   downloads 2551   Image Effects

Open your Dreamweaver or other editor and create a html file. Html <div class="logo"> <img class="frame" src="frame.png" alt=""> <img class="ani-bg"…

63
Yays

graceful CSS or MooTools Photo Stack Animations Effect

Views 10661   downloads 1916   Image Effects

My favorite technological piece of Google Plus is its image upload and display handling.  You can drag the images from your OS right into a browser's DIV element, the images upload right before…

63
Yays

jQuery useful Product Colorizer Plugin

Views 22208   downloads 4775   Image Effects

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust…

62
Yays

jQuery With the window size change the Full Size Background

Views 21324   downloads 3099   Image Effects

this plugin made a few changed ,because it was acting a little weird. Tested it in Safari, Chrome and Firefox and it work perfectly now. All you need is an image that you want to have displayed as your…

62
Yays

jQuery Images Hover Cycle effect

Views 14396   downloads 3020   Image Effects

A quick way to add a hover responsive, fast cycling, jQuery powered slideshow to your site. The Basics I first saw this style slideshow as a Flash solution on Cargo Collective, which has since been updated…

62
Yays

jQuery Custom Change background effect

Views 25690   downloads 3878   Image Effects

jQuery can be extremely useful for you if you want to beautify your web app. jQuery provide a number of simple ways to dynamically change the design of your web page. Here is a simple script that shows…

60
Yays

very cool background animation with jquery

Views 14728   downloads 2486   Image Effects

This is a cool background animation with jquery. Hear is all jquery code: (function($) { $.fn.animatedBG = function(options){ var height = $(this).height(); var width = $(this).width(); var parts = options.parts;…

60
Yays

Beautiful jQuery like Google images gallery

Views 21800   downloads 3054   Image Effects

Works on IE8+ , FF, Chrome, Safari & more...!! Thumba is a gallery jQuery plugin, that displays thumbnails as Google images. You can navigate by moving the mouse, or using "Left" & "Right"…

59
Yays

jQuery diagonal rotation with CSS3 transitions

Views 12564   downloads 1994   Image Effects

We start with minimal markup. Always make your markup as simple as possible; don’t duplicate elements unless absolutely necessary. Markup should be a semantic outline of your content. With that…

57
Yays

scarce idiagonal Fade effect with jQuery

Views 18706   downloads 2291   Image Effects

diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container…

57
Yays

Very using jQuery Anystretch effect

Views 16804   downloads 1897   Image Effects

jQuery Anystretch Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will…

56
Yays

photo puzzle effect with jQuery

Views 14119   downloads 2394   Image Effects

Reference (Note: This plugin works with jquery 1.3+ [the version used in this demo is 1.5.2]) jquery-1.5.2.min.js jquery.jspuzzle-beta.js Html <div id="imageContainer"> <img id="truck"…

55
Yays

Good Pure CSS3 Spinning, Zooming Effect

Views 10364   downloads 1894   Image Effects

 CSS animations are awesome.  They're smooth, less taxing than JavaScript, and are the future of node animation within browsers.  Dojo's mobile solution, dojox.mobile, uses CSS…

55
Yays

slide images header feature with jQuery

Views 16876   downloads 2991   Image Effects

This might not be the best way to structure the JavaScript and I’m sure you hard core coders will pick up on this however one of the purposes of this tutorial is to show newcomers to jQuery exactly…