Sliders

Swiper

Swiper

Stylish, full-screen background with autoplay options, and few customiseable features such as a progress bar or pagination. Nice job Swiper.

A production version of this slider can be seen on the Riverside Apartment - Taupo Accommodation website.

javascript

By iDangerous

Fitness Swipe slider

Fitness Swipe

A heavily modified version of the responsive slider by w3cwidgets. Incorporating a sticky responsive menu this has been pretty well tested out on most modern desktop browsers, mobile iOS products and Android Chrome. Animations, swipe and pagination feature in this nicely featured ready-to-go site.

jquery

By w3widgets

2 block responsive product slider

2 block responsive image slider

An app-style website that gloriously shows off products in two blocks. Adopted from the great article and tutorial from CodyHouse, this deveopmental site also features the off-canvas menu first seen on the Codrops site. Slick, responsive and very very nice to look at.

jQuery

By Codyhouse and Codrops

Diapo Gallery / Slider

Diapo slider

A versatile slider / gallery that features an auto-play function (with countdown timer), thumbnails on hover and multiple transition effects. It also supports other media, not just images. Multiple style captions round off this very capable gallery slider / viewer.

jQuery

By HTML drive.

Aino Dots Slideshow / Slider

Aino Dots Galleria slider

A lightweight slider that has the advantage of dots (pagination) or prev / next arrows. Simple and effective.

jQuery

By Aino Galleria.

Fullscreen Slider

Fullsize slider

An intersting take on a fullscreen slider. Beware of slow internet connections and bandwidth requirements when using this slider... but it makes an impression! Note that it is also not a true resizing background but a large left-top positioned image.

jQuery 1.5 min

By Marcofolio.

Numbers Slider

Numbers slider

A simple but versatile slider. Auto plays but has selectable number pagination too - nice effect by hovering instead of clicking to select the slide.

jQuery 1.4.0 min

By HTML drive.

Auto Tabbed Slider

Auto Tabbed slider

Another simple but versatile slider. Auto plays but has selectable bottom tab.

jQuery 1.2.6.0 min

By HTML drive.

Soh Slider

Soh slider

Numerical paginated auto slider by Soh Tanaka.

jQuery

By Soh Tanaka.

Searles Slider

Nathan Searles slider

A versatile slider. Auto plays but has selectable progress dots too. Slideshow pauses on mouse hover.

jQuery 1.4.4 min

By Nathan Searles.

Slider 1

Lightbox viewer version 2

A very stylish sliding image viewer. Operating as a slideshow (autoplay) or by clicking the numerical icons. Caption capability supported.

jQuery 1.2.6

Author link credit to be added. If you are the author, or know of the author please contact us. We are working to add appropriate credits as soon as we can.

Elastislide

Elastislide

A versatile, responsive carousel slider. Excellent for cross-browser / multi-device considerations. Try resizing your window or testing it in your mobile device.

jQuery 1.8.2

Original code by Codrops

jShowoff

Lightbox viewer version 2

Three variations of this slider with thumbnails, no captions / thumbnails or with captions. Very versatile.

jQuery 1.4

Author link credit to be added. If you are the author, or know of the author please contact us. We are working to add appropriate credits as soon as we can.

Presentation Cycle

Presentation Cycle

A moving progress line anticipates when the next slide will be loaded. The slides feature an image and text combination which is advantageous from the point of search engine performance. Images are advanced by clicking on the circular progress dot of each slide - which cleverly stops the slideshow - from this point the progress is continued manually.

jQuery 1.3

Original code by HTML drive

Time liner

Time Liner

A brilliant take on an image slider, this represents images in a time-line - it also has a vertical variation but we think the horizontal display is better. Nice effects on the timeline and of course the year markers can be be replaced with any headings, although evenly spaced headings certainly look good.

jQuery 1.6 but this functions on 1.5

Original code by HTML drive ?

Slideshows (auto-play)

Tabbed rotator

Lightbox viewer version 2

This slideshow can also be used as a navigation menu - simply by changing the delay of each slide to an infinite amount of time. We put it on our websites for both the Pirongia Golf Club and also the new site for Speak Up!

jQuery 1.3.2

Author link credit to be added. If you are the author, or know of the author please contact us. We are working to add appropriate credits as soon as we can.

S3 slider

Lightbox viewer version 2

Images fade in and out and the caption slides; from top to bottom or vice versa.

jQuery 1.2.6

Author link credit to be added. If you are the author, or know of the author please contact us. We are working to add appropriate credits as soon as we can.

Join us on Facebook Join Piccante on Facebook | Follow us on Twitter Follow piccanteweb on Twitter | View our latest website