Submit your widget
424
Yays

Awesome Animated Portfolio Gallery with jQuery CSS3

  Views 41619   downloads 7195   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…

133
Yays

Lightweight Thumbnails Image Gallery

  Views 30513   downloads 4837   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…

169
Yays

Multiple CSS Decorative Gallery

  Views 22971   downloads 3938   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 16229   downloads 2407   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…

159
Yays

Jquery And CSS3 Virtual Light Table With Draggable Photos

  Views 22501   downloads 3316   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 23683   downloads 3899   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 31590   downloads 4146   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…

151
Yays

jQuery cool Polaroid Photobar Gallery

  Views 21778   downloads 3673   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 17651   downloads 2574   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…

139
Yays

jQuery Slider Gallery

  Views 26311   downloads 4557   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…

363
Yays

fullscreen image gallery with jQuery

  Views 47057   downloads 9638   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 22927   downloads 4153   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…

148
Yays

Like apple Slider Gallery jQuery

  Views 21239   downloads 3186   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 18736   downloads 3486   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…

246
Yays

canvasSlideshow - html5 canvas image slideshow jQuery plugin

  Views 64086   downloads 10867   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>…