Submit your widget
423
Yays

Awesome Animated Portfolio Gallery with jQuery CSS3

  Views 41452   downloads 7163   Slideshow & Scroller

we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio item. The image can be…

132
Yays

Lightweight Thumbnails Image Gallery

  Views 30389   downloads 4800   Slideshow & Scroller

Showing images online is a big thing. Besides elementary stuff like flickr, there are a vast number of image gallery scripts available online. Some are free and some cost a little. Some are really good…

168
Yays

Multiple CSS Decorative Gallery

  Views 22883   downloads 3916   Image Effects

I will show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create…

137
Yays

Very Useful CSS3 Rounded ImageS With jQuery

  Views 16142   downloads 2391   Image Effects

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a…

158
Yays

Jquery And CSS3 Virtual Light Table With Draggable Photos

  Views 22406   downloads 3288   Image Effects

how to use CSS3 and jQuery to create a nice-looking virtual light table with draggable photos. A traditional light table is a flat illuminated panel that you can place transparent slides on for viewing.…

149
Yays

SIDEWAYS –cool fullscreen image gallery with jQuery css3

  Views 23602   downloads 3884   Slideshow & Scroller

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS. SIDEWAYS image gallery is made by implementation of some previous scripts/tutorials posted on this…

160
Yays

Multi Style jQuery images gallery

  Views 31479   downloads 4124   Slideshow & Scroller

How to use To create image gallery on your html webpage, you should encapsulate all gallery images into a block element (ex. "div") with specified width and height properties. Galileory script would automaticly…

150
Yays

jQuery cool Polaroid Photobar Gallery

  Views 21687   downloads 3647   Slideshow & Scroller

we are going to create an image gallery with a Polaroid look. We will have albums that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom…

180
Yays

Annotation Overlay Effect with jQuery

  Views 17540   downloads 2548   Image Effects

we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. The Markup The HTML is pretty simple: we have a main “portfolio” wrapper…

138
Yays

jQuery Slider Gallery

  Views 26176   downloads 4523   Slideshow & Scroller

This example is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to…

362
Yays

fullscreen image gallery with jQuery

  Views 46897   downloads 9578   Slideshow & Scroller

A fullscreen image gallery made with jQuery and CSS. The code The css with some custom font via Google font API @import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light); html,body{height:100%;}…

146
Yays

jQuery Large Thumb Photo Gallery

  Views 22840   downloads 4139   Slideshow & Scroller

What I decided to do was load the large images into the page with AJAX so that the initial load time was faster, and the gallery could handle more images on slower connections. The HTML Below is the new…

147
Yays

Like apple Slider Gallery jQuery

  Views 21092   downloads 3167   Slideshow & Scroller

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery…

121
Yays

PictureSlides jQuery

  Views 18603   downloads 3462   Slideshow & Scroller

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It…

245
Yays

canvasSlideshow - html5 canvas image slideshow jQuery plugin

  Views 63773   downloads 10807   Slideshow & Scroller

Usage Include js files.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script src="js/webwidget_slideshow_html5_simple.js"></script>…