Submit your widget
138
Yays

jquery masked Gallery

  Views 21953   downloads 2853   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…

226
Yays

A jQuery Cloud Zoom

  Views 46567   downloads 13290   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…

149
Yays

Sexy Images jQuery Plugin

  Views 27642   downloads 2900   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)…

133
Yays

jQuery Easy Background Resize

  Views 19923   downloads 2832   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…

149
Yays

CSS Image Viewer the Clever Way

  Views 19762   downloads 3162   Image Effects

Image Viewers are fairly common on websites now-a-days. Most use some form of JavaScript to change images, some use Flash. This is a problem if the user doesn’t have either enabled on their browser. …

160
Yays

JQuery.iviewer: zoom image and to drag effect

  Views 36834   downloads 6170   Image Effects

JQuery.iviewer is a jquery plugin used to load and view image in container with ability to zoom image and to drag it with mouse in container. Plugin is expected to work in ie6+, ff2+, google chrome, opera…

130
Yays

Zoomooz jQuery

  Views 17835   downloads 2393   Image Effects

Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

158
Yays

Inset Border Effect jQuery Plugin

  Views 17017   downloads 2740   Image Effects

It’s a very simple but neat effect. The images have a border, but unlike CSS borders, it covers up part of the image. I wanted to use this effect in one of my galleries so I went ahead and experimented…

150
Yays

jQuery: Photo Slider

  Views 16613   downloads 2274   Image Effects

My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. This is what happens, in plan English: Click event on the “More…

180
Yays

Animate Curtains Opening with jQuery

  Views 37362   downloads 7945   Image Effects

Step 1 – What You’ll Need This example would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used…

142
Yays

Threadless Style T-Shirt Gallery jQuery

  Views 16063   downloads 2556   Image Effects

The Basic Idea Here’s the gist: There’s a thumbnail which is a full sized image in a container div, which is smaller than the full sized image. The image is centered within it, but doesn’t…

67
Yays

Fancy Image Gallery with CSS3

  Views 4698   downloads 617   Image Effects

We will use CSS3 to make an image gallery with animation. HTML Structure First of all, we will create an HTML file with the structure below, which is a div tag with gallery as ID that has an unordered…

155
Yays

a Dynamic Stack of Index Cards(CSS3)

  Views 30277   downloads 7984   Image Effects

We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for…

164
Yays

unique Gallery by using z-index and jQuery

  Views 16678   downloads 2979   Image Effects

we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. In this example we have the appearance of a pile…

140
Yays

Image Reveal using jQuery

  Views 22842   downloads 2421   Image Effects

Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see…