Submit your widget
192
Yays

Featured Content Slider Using jQuery

Views 32987   downloads 6998   Slideshow & Scroller

Add JavaScript Files <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"…

268
Yays

Multi-purpose slideshow(text scroller,images scroller) jquery plugin

Views 36792   downloads 4015   Slideshow & Scroller

Help Step1:include css and js files.   <script type="text/javascript" src="js/jquery.js"></script> <link href="css/webwidget_slideshow_common.css" rel="stylesheet"…

174
Yays

Slideshow plugin for the Tabs with jquery

Views 28783   downloads 4824   Slideshow & Scroller

HTML coding The HTML setup is similar to the normal tab setup except that we have the "next" and "prev" action buttons available and the tabs are placed below the panes. <!-- "previous slide" button…

210
Yays

HTML5-Slideshow

Views 26119   downloads 4529   Slideshow & Scroller

Download Lightweight HTML5-based slideshow This is a mini web app for people who'd rather build slides with HTML and CSS than with PowerPoint.

133
Yays

Sweet Pages: A jQuery Pagination Solution

Views 16826   downloads 2786   Slideshow & Scroller

We are making a jQuery plugin that will enable you to convert a regular unordered list of items into a SEO friendly set of easily navigatable pages. It can be used for comment threads, slideshows, or…

187
Yays

Apple-style Slideshow Gallery With jQuery

Views 15679   downloads 3174   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…

97
Yays

Slide Thumbs

Views 12492   downloads 2335   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…

115
Yays

Simple Image Viewer(jQuery)

Views 15703   downloads 2860   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.  …

85
Yays

Multiple Image Cross Fade with jquery

Views 42395   downloads 4307   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…

112
Yays

Supersized – Full Screen Background/Slideshow jQuery Plugin

Views 18484   downloads 2394   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,…

182
Yays

Elegant Accordion with jQuery and CSS3

Views 32536   downloads 6383   Accordion

We will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 properties to enhance the looks. The Markup  …

95
Yays

Micro Image Gallery Slideshow

Views 10424   downloads 1147   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,…

86
Yays

a Content Slider with jQuery UI

Views 9450   downloads 1327   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…

133
Yays

Auto-Scrolling Slideshow Tabs (jQuery )

Views 17029   downloads 3249   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…