Best jQuery Slider Plugins & Tutorials with Demo

PIGNOSE Gallery : jQuery Slider Gallery Plugin

PIGNOSE Gallery : jQuery Slider Gallery Plugin

PIGNOSE Gallery is so simple and fast gallery style component.

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

Performs a smooth 2D/3D transition from one HTML element A to another element B.

Features:

  • Runs a single transition or a sequence of transitions;
  • Transition effect is automatically computed between two slides;
  • Fallbacks to browsers that do not support 3D transformations and CSS3 animations;
  • Highly customizable:
    • Any markup you want. Only restriction is sliders to be contained in a parent blocked element;
    • Strong event driven support;
    • Single transition or a sequence of transitions (movie mode);
    • Transition duration, easing function animation and zoom vertexes;
    • Optional user zoomming and panning between each transition.
  • Responsive design, suitable for any window sizes;

PIGNOSE : jQuery Parallax Slider Plugin

PIGNOSE : jQuery Parallax Slider Plugin

Pignose is a jQuery slider plugin that is supported “Parallax” effect.

jQuery Parallax Scroll Snap with Slider

jQuery Parallax Scroll Snap with Slider

Creates a parallax backgrounds effect for sections by snapping to them on mouse scroll.Ideal for one page sites. Easy to configure and setup.

Photoswipe/SlickJs Image Viewer with jQuery

Photoswipe/SlickJs Image Viewer with jQuery

jQuery extension for intergrating photoswipe with slick.

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors.

  • Responsive / Fluid layout with autoscale function.
  • Mobile and desktop optimized.
  • Scroll and/or drag and swipe functions for the desktop and mobile devices.
  • Mouse Wheel support – navigation with mouse wheel scrolling.
  • Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

Ruby Slider : jQuery Live Touch Effect Slider

Ruby Slider : jQuery Live Touch Effect Slider

Ruby Slider is best of slider plugin when integrated touch/swipe gestures, 4 types of effects including hundreds of separate effects. Most especially, all effects are supported live swipe gestures. Ruby Slider designed as module, build you optimal script size. Also integrates numerous other outstanding features: fully responsive, lazyload, image position, slideshow with timer, powerful api, cross browsers…

Transition Effect with CSS Masks

Transition Effect with CSS Masks

Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and composite with an element. In the following tutorial we’ll show you how to apply the new properties for a modern transition effect on a simple slideshow. We’ll be applying animations utilizing the steps() timing function and move a mask PNG over an image to achieve an interesting transition effect.

Multi-Layout Slideshow with JavaScript & CSS

Multi-Layout Slideshow with JavaScript & CSS

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Today we’d like to share a simple decorative slideshow component with you. The idea behind this slideshow is to have an individual layout for each slide, accompanied by a distinct effect. The images of each slide is meant to have a decorative purpose which could be suitable for an article header; or, for example, an ornamental quotes slideshow within an article.

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker – Create jQuery Photo Slideshows, Galleries, Carousels in no time !

  • Fully responsive
  • Retina-enabled
  • Creates Well-adaptated images for each screen & device
  • Touch-swipe
  • Lazy Images Loading
  • Loaded with ajax


Best jQuery websites design awards