Submit your widget

Apple-style Slideshow Gallery With jQuery

Views 16978   downloads 3971   Slideshow & Scroller

We are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required. So go ahead and…


Slide Thumbs

Views 13693   downloads 2688   Slideshow & Scroller

Step 1: Create the Mark-up First we add container elements for output. The outer-most container is used to decorate the output with a background image and padding. The next container is the element that…


Simple Image Viewer(jQuery)

Views 17782   downloads 3668   Slideshow & Scroller

Step 1: Create the Mark-up Here I have created two columns - for navigation and output. For the sake of simplicity I use attribute rel for links to find corresponding image by id in output section.  …


Multiple Image Cross Fade with jquery

Views 45236   downloads 4762   Slideshow & Scroller

Getting Started What we want to do first is to create mark-up for the content. Like this: <div class="container"> <img src="bmw_3.jpg" alt="" /> <img src="bmw_2.jpg" alt="" /> <img…


Supersized – Full Screen Background/Slideshow jQuery Plugin

Views 19692   downloads 2831   Slideshow & Scroller

Features Resizes images to fill browser while maintaining image dimension ratio No extra whitespace, no scrollbars – the entire browser window is always filled Compatible in Firefox, Safari, Opera,…


Micro Image Gallery Slideshow

Views 11940   downloads 1787   Slideshow & Scroller

Here’s an improved version of the Micro Image Gallery Plugin.Added some features as suggested in the comments, specifically the auto play function, the possibility to add descriptions for each image,…


a Content Slider with jQuery UI

Views 10962   downloads 1694   Slideshow & Scroller

We’re going to be using the jQuery UI slider widget to create an attractive and functional content slider. We’ll have a container, which has a series of elements each containing different…


Auto-Scrolling Slideshow Tabs (jQuery )

Views 20415   downloads 4218   Slideshow & Scroller

  Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other. Step 1: Writing the markup First things…


a jQuery Image Scroller

Views 20338   downloads 3618   Slideshow & Scroller

We’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions…


GalleryView: A jQuery Content Gallery Plugin

Views 29446   downloads 6486   Slideshow & Scroller

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.   View Demonstration   Default Implementation Small…


Amazon Books Widget with jQuery and XML Image Scroller

Views 19991   downloads 3343   Slideshow & Scroller

It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built…


Transition Between Images Slideshow (Mootools)

Views 9041   downloads 1745   Slideshow & Scroller

Features Fade, Slide and Wipe transitions loops Play, Stop, Next and Previous controls Inits from array of image src's, a list of images on the page or using the href of an a tag like the lightbox Usage…


Simple images slider to create Flickr-like slideshows

Views 10329   downloads 2201   Slideshow & Scroller

Simple images slider to create Flickr-like slideshows


More Classic Gallery Slideshow(jQuery )

Views 14161   downloads 2399   Slideshow & Scroller

Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. You try…


Dots gallery scroller(jQuery )

Views 42276   downloads 6273   Slideshow & Scroller

Dots gallery with iPhone images from    Similar examples You try it yourself in it's simpler form by following these simple steps: Include jquery and Galleria: <script src=""></script>…