Submit your widget
104
Yays

A jQuery plugin Flip 360 degrees

Views 11467   downloads 1807   Slideshow & Scroller

This demo mimics the popular card flip technique which can rotate an element 360 degrees around its own x or y-axis. How to use? Like every jquery plugin, just chain it: $("#flipbox").flip({ direction:'tb'…

104
Yays

Sliding Image Gallery CSS3

Views 20113   downloads 2412   Slideshow & Scroller

Sliding Image Gallery - Auf Basis von CSS3 sind auch ohne JavaScript fliessend animierte Übergänge bei Webseiten-Elementen wie Bilder-Galerien möglich.  Step 1: Definieren der HTML-Struktur…

104
Yays

sexy image scroller jQuery plugin

Views 15313   downloads 2106   Slideshow & Scroller

Requirements: jQuery Core (latest), jQuery Easing Plugin. There are five examples, Default settings. $("#box0").sexyCycle(); Easing effect + Prev and Next navigation, $("#box1").sexyCycle({ easing: 'easeInOutBounce',…

103
Yays

Image Rotator with Description (CSS/jQuery)

Views 15833   downloads 3135   Slideshow & Scroller

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery.   Step1. HTML – Image Rotator Wireframe   Start by building the html…

103
Yays

Easy slideshow Gallery for jQuery

Views 9673   downloads 2547   Slideshow & Scroller

The code used for above gallery (Easy Gallery) is: $(document).ready(function (){ $("#gallery").egallery({ width:500, height:230, speed: 1000, delay:4000, easing:'easeInOutBack', thumbs:'numbers', thumbClass:'tclass',…

103
Yays

Pure CSS3 Sliding Image Gallery

Views 15800   downloads 2490   Slideshow & Scroller

So, another random CSS3 experiment! This time it’s an image gallery that has a slide effect. This was a bit tricky to work out but I got there in the end. The idea is to get one image to slide in…

103
Yays

jShowOff jQuery Content Rotator

Views 14652   downloads 2510   Slideshow & Scroller

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating 'slides' from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which…

103
Yays

SIDEWAYS –cool fullscreen image gallery with jQuery css3

Views 16263   downloads 2434   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…

103
Yays

jQuery scroll News Previewer

Views 14677   downloads 2983   Slideshow & Scroller

we will create a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article…

102
Yays

Ultimate JavaScript Scroller and Slider

Views 26158   downloads 2696   Slideshow & Scroller

This versatile and lightweight JavaScript clocks in at less than 3.5kb unpacked.  To setup a scroll/slide area create a container with the following CSS properties… position:relative; overflow:hidden;…

102
Yays

mootools Content Slideshow Full Of Image

Views 10612   downloads 1209   Slideshow & Scroller

Basically, we're just going to set up everything as we normally do with the content slider - but we're going to use the functionality of MooTools' Assets package to preload the images, and at the same…

100
Yays

jquery masked Gallery

Views 14343   downloads 2394   Image Effects

Slide your images into a mask! Build your own png mask and choose your images to slide inside! in the header: <script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script> <script…

100
Yays

Cool jQuery and css3 Circle slideshow Effect

Views 40521   downloads 7914   Slideshow & Scroller

this is a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In this example  will be…

99
Yays

Slide Thumbs

Views 13652   downloads 2675   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…

99
Yays

Micro Image Gallery Slideshow

Views 11900   downloads 1775   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,…