jQuery Slider Plugin & Tutorials with Example

jFormslider : jQuery Form in Slider Plugin

jFormslider : jQuery Form in Slider Plugin

jFormslider is a jquery plugin where we can convert a big form in to a slider Form should be in ul li format.This plugin will transform a big Registration Form,Forms with many fields etc into a slider with next,back,submit buttons etc.

Expandable Image Gallery with CSS3 & jQuery

Expandable Image Gallery with CSS3 & jQuery

An image that expands on click, going full-width and turning into a gallery.

CSS3 Page Transitions

CSS3 Page Transitions

A rework of the original idea created by Hakim El Hattab. Created using JavaScript, CSS 3D transforms and CSS Animations.

  • Kontext: Original idea by Hakim El Hattab
  • Put On: A page drop effect
  • Circle: Layers do a circle transition
  • Bounce: Layers bounce after showing
  • Flip: 360º flip

Cloud Slider : Responsive jQuery Slider Plugin

Cloud Slider : Responsive jQuery Slider Plugin

This is a responsive jQuery slider plugin. It supports many features like: responsive, touch enabled, smooth layered animation, 2d & 3d transitions, 12 easily customizable built-in skins, unlimited 2d & 3d carousels and category carousel, ken-burns effect, video embedding, powerful APIs.

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.



Best jQuery websites design awards