jQuery Slider Plugin & Tutorials with Example

Perspective Mockup Slideshow with CSS3 & JavaScript

Perspective Mockup Slideshow with CSS3 & JavaScript

An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.

A while back, Franklin Ta wrote an article and made a really useful script for transforming an element in 3D in order to fit in a perspective mockup. In his article, he describes how the helper script can be used to create a 3D matrix transformation for embedding an iframe into a mockup image. We thought that it must be really interesting to add a slideshow in order to showcase ones work.

Slippry : jQuery Reponsive Slider

Slippry : jQuery Reponsive Slider

Responsive slider plugin for jQuery. Intrinsic trick to enable responsive resizing without js!

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat helps you to easily create responsive slideshows.Chocolat is a jQuery plugin that enable you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.

Jqx : jQuery Media Slider Plugin

Jqx : jQuery Media Slider Plugin

Simple and Customizable jQuery media slider Plugin.

Slider Pro – jQuery Slider plugin

Slider Pro - jQuery Slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.

Features:

  • modular architecture
  • responsive
  • touch-swipe
  • CSS3 transitions
  • animated layers (and static)
  • infinite scrolling
  • carousel layout
  • full width and full window support
  • thumbnails
  • deep linking
  • lazy loading
  • retina-enabled
  • fade effect
  • full-screen support
  • CSS-only navigation controls (no graphics) for easy customization
  • video support

Wobbly Slideshow Effect with SVG & JavaScript

Wobbly Slideshow Effect with SVG & JavaScript

The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.

Printer : AJAX style page loading jQuery plugin

Printer : AJAX style page loading jQuery plugin

Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked. It can also function as a rudimentry slideshow (but keep in mind this plugin does not cache any resources, i.e. Printer will make a new AJAX request on each new slide).

Features:

  • A robust API (almost)
  • Super simple setup
  • Super smooth CSS animations
  • Slideshow mode
  • Random page printing direction mode
  • Low overhead (getting there..)
  • Highly customizable behavior and appearance

Ultimate jQuery Sliders Bundle – Layers, Parallax, Zoom

Ultimate jQuery Sliders Bundle - Layers, Parallax, Zoom

It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.

Bundle Includes:

  • jQuery Banner Rotator / Content Slider / Carousel
  • jQuery Slider Zoom In/Out Effect Fully Responsive
  • Parallax Slider – Responsive jQuery Plugin

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

PgwSlideshow – Responsive slideshow / gallery / carousel for jQuery / Zepto.

  • Fully responsive slideshow
  • Desktop and Mobile devices supported
  • Less than 4 KB (minified and gzipped)
  • Full customization with the CSS file included

Divas Slider : jQuery Responsive & Touch enabled Slider

Divas Slider : jQuery Responsive & Touch enabled Slider

Versatile slider solution, easily and fully customizable. Uses CSS3 transitions with jQuery fallback for old browsers. Fully responsive and touch enabled.



Best jQuery websites design awards