Submit your widget
108
Yays

CSS Image Viewer the Clever Way

Views 14539   downloads 2056   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. …

108
Yays

JQuery.iviewer: zoom image and to drag effect

Views 23687   downloads 3248   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…

88
Yays

Zoomooz jQuery

Views 11876   downloads 1412   Image Effects

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

102
Yays

Inset Border Effect jQuery Plugin

Views 10131   downloads 2034   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…

102
Yays

jQuery: Photo Slider

Views 10733   downloads 1535   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…

132
Yays

Animate Curtains Opening with jQuery

Views 28966   downloads 5088   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…

95
Yays

Threadless Style T-Shirt Gallery jQuery

Views 9603   downloads 1741   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 595   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…

109
Yays

a Dynamic Stack of Index Cards(CSS3)

Views 15196   downloads 4336   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…

122
Yays

unique Gallery by using z-index and jQuery

Views 11077   downloads 2222   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…

90
Yays

Image Reveal using jQuery

Views 14749   downloads 1529   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…

118
Yays

a polaroid Drag drop photo viewer with CSS3 and jQuery

Views 10876   downloads 1785   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…

84
Yays

jQuery image zoom effect

Views 10775   downloads 1749   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…

114
Yays

jSquares images and description hover overlay (jQuery)

Views 12675   downloads 1977   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="http://www.google.com/jsapi"…

96
Yays

Navigate into extralarge images(jQuery)

Views 12442   downloads 2197   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(){…