Friday, March 29, 2013

10 Excellent jQuery Slider plugins

This is the collection of some excellent jQuery slider plugins. Slider plugins are being widely used nowadays. It is very useful for highlighting your content. Several jQuery plugins are available for beautiful slider and slideshow with awesome effects and animation. You can show more contents in smaller area in your site using sliders.

10 Best  jQuery slider plugins for your website

  1. jQuery Easing Slider
    jQuery Easing Slider is a jQuery plugin that allow create image slider with smooth animation and add description into each slider with a different effects & interactive features.
    jQuery Easing Slider plugin
    Features :
    • Fix & Responsive Layout
    • Add Description for Each Slide with Different Effect
    • Compatible with all Major Browsers
    • Animated Text and Image Effect and Adjustable Animation Speed
    • Customizable Image Size & Position
    • Easily Customizable HTML & CSS
    • Free Support & Complete Documentation
    • Randomize Animation
  2. Degrade - The Swiss Army Slider
    Degrade - the swiss-army-slider is a multipurpose, fully customizable slider, with responsive behavior and all-in-one features. It sports a 40+ options variation, the slider's appearance can be customized through its 8 different shadows, 4 different corner style, 6 different control types, unlimited colors, shortcodes, captions style, fullscreen behavior, giving you the possibility of making literally hundreds of different sliders. The slider can be also used as a banner, can play video, can display captions wherever you want, can be used as advertising tool as well as display panel.
    Features :
    • Design customization
    • Better performance
    • Responsive
    • Shortcodes
    • Slider options and captions
    • Full screen support
    • Touch optimized
    • Unlimited color variation
  3. RoyalSlider - Touch-Enabled jQuery Image Gallery
    RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback).
    Features :
    • Touch navigation support for iOS, Android, IE10 (Windows 8, Blackberry and other).
    • Animated HTML captions with custom effects (fade, move top, move right…).
    • Smart lazy loading
    • Super smooth hardware accelerated CSS3 transitions for supported touch devices.
    • Native browser fullscreen support.
    • Memory management
    • YouTube & Vimeo videos in slides.
    • Deep linking – link to specific slide from URL.
    • Adjustable speed, transition and easing for each caption or slide.
    • Move or fade transition for slides.
    • Responsive
    • Ability to remove drag navigation using mouse.
    • Public methods, properties and callbacks (go to slide, play slideshow e.t.c.).
    • Set start slide index and spacing between slides.
    • Slider can be put inside lightbox script, like ColorBox or Fancybox.
    • Can be easily loaded using ajax, has destroy() method.
    • Customizable interface (add/remove arrows, bullets).
    • Any HTML content can be placed inside slide.
  4. Advanced Slider - jQuery XML slide
    Advanced Slider is one of the best jQuery sliders on the market, built to be used in a wide range of contexts. Advanced Slider is fully responsive, mobile-ready, SEO-friendly, and offers you the option to use either HTML markup or XML. The plugin also provides an easy to use API which will allow you to further enhance the functionality of the slider and will make it possible to integrate it into your own application.
    Features :
    • Responsive/Fluid layout
    • Touch Screen support
    • Animated Layers
    • Smart Video
    • (Content) Thumbnails
    • Fullscreen support
    • XML/HTML support
    • 100+ possible transition effects
    • 150+ customizable properties
    • Over 15 slider skins
    • 7 Scrollbar skins
    • Easy Integration
    • Built-in Lightbox support
    • navigation
    • Per slide settings
    • Fully customizable
    • Multiple sliders on the same page
  5. TouchCarousel - jQuery Content Scroller and Slider
    TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. May be used as carousel, banner rotator and image gallery. It's used by top web design agencies, email newsletter companies and simple schools.
    Features :
    • Touch navigation for supported devices.
    • Paging and free-scroll mode.
    • Physics-based scrolling.
    • Fluid width of carousel for free-scroll mode.
    • Fast, hardware accelerated CSS3 transitions.
    • Four unique skins with photoshop files.
    • Multiple carousels with different skins on one page is allowed.
    • SEO friendly, content is not hidden.
    • Configurable items per scroll and snapping.
    • Powerful, documented API - public methods, properties, callbacks.
    • Customizable UI - enable or disable arrows, bullets, scrollbar.
    • Super easy to style - CSS file is commented and organized.
    • Mouse-drag navigation can be removed if you don't need it.
    • Each item can have any html content(except video) and can be any size.
    • Smart autoplay(slideshow)
  6. AviaSlider - jQuery Slideshow
    AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project. It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images. The slider also already comes with the famous prettyPhoto lightbox, but you are of course free to use any other.
    Features :
    • 8 unique transition effects
    • Lots of easy to set options to create your own effects
    • Included Image preloader
    • Autoplay that stops on user interaction
    • Valid HTML5 and CSS 3 Markup
    • Packed version only weights 8kb
    • Supports linked images
    • already prepared to work with prettyPhoto Lightbox
    • works with jQuery 1.32 and higher
  7. Slider Revolution Responsive jQuery Plugin
    Slider Revolution is a responsive jQuery plugin. It turns simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS.
    Features :
    • Image and Thumbs fully resizable
    • Using CSS Animation with FallBack to jQuery
    • Unlimited Caption Layers
    • Unlimited Slides
    • iPhone & Android Swipe Touch enabled
    • jQuery Conflict free plugin
    • Customizable 100% via Plugin Parameters / CSS / HTML
    • Easy installation in your Website
    • Special Easing
    • Example Pages included
    • Vimeo & Youtube Supported
    • Optional Shadows included
    • Hide Captions Separetely or Together depending on Slider Width
    • Hide whole Slider Depending on Screen Width
    • 10 Different Caption Animation Types
    • 20 Differen Slide Transition, and Unlkmited Variations due Rotation and Amount of Slots
    • Two Level Animations of Captions. Start Time, End time, Different Animation Type and Easing at Start and End
    • Captions like Video, Image and html tags can be easily Created
    • CSS3 Transitions with jQuery Animateion Fall Back
    • Full Screen Video
  8. Estro - jQuery Ken Burns & swipe effect slider
    Estro jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.
    Features :
    • Crossbrowser pure JS/CSS implementation.
    • Ken Burns or Swipe transition modes available.
    • Multiple instances allowed in a single HTML page.
    • Slides uses only valid HTML5 markup (SEO optimized)
    • Won’t break layout if javascript disabled.
    • Works on mobile (iPhone, iPad – iOS 4.3)
    • Supports inline YouTube / Vimeo videos + app redirects on iOS devices (Youtube)
    • Optional animated popup preview thumbnails, including a Ken Burns transition.
    • Easily resizable.
    • Compatible with external fonts (like Google fonts)
    • Integrated animated circular timer.
    • Includes 4 ready to use skins.
    • Easily customizable via CSS file.
    • Custom per slide timeout and animation settings.
    • Optional lazy loading of images for faster loading.
  9. FSS - Full Screen Sliding Website Plugin
    FSS is a jQuery plugin for creating full screen sliding websites. The live preview is just a sample of what can be accomplished with FSS. It can be easily integrated into your website by placing a piece of javascript code between the <head></head> tags. FSS can work with any website, regardless of its design. You can create full screen and scrollable AJAX websites in no time.
    Features :
    • Deep linking support.
    • Scroll bar support.
    • JavaScript & CSS driven.
    • Resizable.
    • 2 different transition effects; *Horizontal Slide *Vertical Slide
    • AJAX support. (Load dynamic content without page refresh.)
    • Dynamic slides can be loaded at the startup or upon request.
    • Autoplay & loop.
    • The speed and slide duration are adjustable.
    • Supports keyboard navigation.
    • Small file size (Packed version only weighs 5kb.)
  10. jQuery OneByOne Slider Plugin
    The OneByOne Slider is a lightweight, responsive & layered jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It's mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.
    Features :
    • CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.
    • Responsive support, example included.
    • Mobile friendly, you can use it in a touch device.
    • It’s lightweight, the compressed javascript is only 4kb.
    • Optional auto delay slideshow, optional hove to pause the slideshow.
    • Each slide or element’s animation can be customized.
    • Optional drag function of mouse.
    • Optional animation style, can be in random or any other type.
    • Optional arrow and buttons.

0 comments:

 
back to top