Best jQuery Slider Plugins & Tutorials with Demo

jQuery FullScreen Background / Gallery – Image and Video

jQuery FullScreen Background / Gallery - Image and Video

This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

Features:

  • Over 40 js options from where you can customize the plugin.
  • The plugin is fully responsive, including images and texts and will adapt the browser/device resolution.
  • It is compatible with IOS and Android operating systems.
  • Animated text from any direction: top, bottom, left and right, CSS and HTML formated.
  • Parameters for color, dimensions & transparency.

Jssor Slider : jQuery TOUCH & RESPONSIVE Plugin

Jssor Slider : jQuery TOUCH & RESPONSIVE Plugin

Jssor slider is announced as one of the best performance sliders. No-Jquery minimum 15KB javascript code by smart compression. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)

Features:

  • Optional thumbnails, tabs or bullets navigation
  • Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
  • Touch drag navigation for thumbnail navigator is allowed
  • Use any html/css code to customize thumbnail to anyformat
  • Multiple sliders in one page
  • Any html code can be placed inside slide
  • Free support and upgrades
  • Add unlimited amount of captions
  • Set caption animation to chain mode
  • Set caption animation to flatten mode
  • Rollback caption animation when touch end/mouse up
  • Move, fade, clip, zoom and rotation transitions are all supported for all browsers
  • Composite move, fade, clip, zoom and rotation in one transition is allowed
  • Javascript code deep compression by smart compression engine
  • Arrow key navitation, navigate slider by click keyboard arrow left/right
  • HTML caption with animation (390+ caption transitions)

HashSlider : jQuery Content Slider

HashSlider : jQuery Content Slider

Hashslider is a jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

jSliderPro : jQuery CSS3 Responsive Slider

jSliderPro : jQuery CSS3 Responsive Slider
  • – Transition engine that can generate an incredible number of stunning effects. More possibilities incoming with the very next releases.
  • – No images limits and automatic memory management.
  • – Javascript callbacks to interface with other programs.
  • – CSS3 and HTML5 only.
  • – Fully responsive and cross browser compatibility from desktop PCs to mobile devices.
  • – Reference manual and hundreds of examples included.

Create a Vertical, Horizontal and Diagonal Sliding Content with jQuery

Create a Vertical, Horizontal and Diagonal Sliding Content with jQuery

In this tutorial, we will learn to scroll your web content vertically, horizontally and plus diagonally! Don’t worry, we won’t rely on javascript too much, we will use css/html for the layout and javascript only do the scrolling. And hey, it will still work even if your browser doesn’t support javascript.

Interactive Particles Slideshow with Html5 & JavaScript

Interactive Particles Slideshow with Html5 & JavaScript

This is an experimental interactive slideshow component with math shapes and texts using Html5 Canvas. The slideshow consists of pairs of shape and text, both made out of particles that the user can interact with and that transition into the next pair when navigating. With Canvas we can dynamically draw 2D stuff using JavaScript and this experiment shows some of the possibilities.

Dasky : jQuery Timeline Slider

Dasky : jQuery Timeline Slider

Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.

Features:

  • Fluid layout
  • Fullscreen or not
  • Auto play
  • Mousewheel control
  • Keybords control
  • Major browsers compatible and fallback to old browsers

HostSlide Hosting Plan & Pricing Slider in jQuery

HostSlide Hosting Plan & Pricing Slider in jQuery

This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices. It’s ready to be added to your website to give a brand new user experience. Unlimited plans/pricing/options can be added in seconds.

Features:

  • Compatible with all major browsers
  • Lightweight
  • Fully customizable
  • SEO friendly
  • Add unlimited prices and plans
  • Add unlimited options (e.g. price, bandwidth, CPU, RAM, Disk Space)

Create Apple navigation using jQuery Greensock

Create Apple navigation using jQuery Greensock

Apple’s website is always full of small innovative details and fancy CSS3 transitions. Designers talk about the clean and simple interface, while front-end developers wonder how some of these elements were created.

Today we will recreate the new Apple navigation using jQuery Greensock. If you look at it in a desktop browser, you will see a nice elastic animation between the two slides and that’s our goal for today.

Excolo Slider : A Simple jQuery Sliding Plugin

Excolo Slider : A Simple jQuery Sliding Plugin

A simple jquery sliding plugin, supporting responsive design, keyboard and touch navigation.

Features:

  • AutoPlay Slideshow
  • Keyboard slide navigation
  • Mouse slide navigation
  • Prev/next button navigation
  • Repeat when last slide is reached
  • Play the slideshow backwards
  • Auto adjust size initially and on browser resize, for responsive designs
  • Touch enabled (limited to a few browsers)