5 Kick-ass jQuery Slider Plugins

5 Kick-ass jQuery Slider Plugins

As you are looking for multipurpose theme I assume that you also want unlimited options from a jQuery Slider. And you are choosing the one that enables you to create a great responsive image slider, a parallax slider or a layer slider, with amazing effects obtained with CSS3 animations. I made a subjective selection of the best jQuery Slider plugins. Would you be objective?

1. All In One Slider Responsive Jquery Slider Plugin

All In One Slider Responsive Jquery Slider Plugin

All In One is an Advanced jQuery Slider allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.

All In One jQuery Slider comes in 5 flavors:
– Banner Rotator
– Thumbnails Banner
– Banner with Playlist
– Content Slider
– Carousel
NEW: From these banners you can create, in just a minute, sidebar banners or mini-galleries.

Awesome Features of All In One jQuery Slider

1. BANNER ROTATOR:

  • touch screen navigation support for mobile
  • 16 photo transition effects
  • responsive design. Available parameter to disable responsive behaviour
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • 3 predefined skins
  • external url link parameter for large image
  • autoplay parameter
  • target parameter: _blank or _self
  • randomize images parameter
  • width & height parameters
  • circle timer parameters for color, dimensions, transparency
  • loop parameter
  • show/hide controllers parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • show/hide bottom thumbs parameter

2. THUMBNAILS BANNER:

  • touch screen navigation support for mobile
  • 3 predefined skins
  • 16 photo transition effects
  • responsive design. Available parameter to disable responsive behaviour
  • show/hide thumbs parameter
  • thumbs reflection parameterthumbs reflection parameter
  • width & height parameters
  • external url link parameter for large image
  • autoplay parameter
  • randomize images parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • circle timer parameters for color, dimensions, transparency
  • target parameter: _blank or _self
  • show/hide controllers parameter
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • loop parameter

3. PLAYLIST BANNER:

  • touch screen navigation support for mobile
  • border color parameter
  • target parameter: _blank or _self
  • loop parameter
  • playlist width parameter
  • responsive design. Available parameter to disable responsive behaviour
  • show/hide tumbs in playlist parameter
  • width & height parameters
  • external url link parameter for large image
  • autoplay parameter
  • 16 photo transition effects
  • randomize images parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • circle timer parameters for color, dimensions, transparency
  • border width parameter
  • show/hide controllers parameter
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • 3 predefined skins

4. CONTENT SLIDER:

  • touch screen navigation support for mobile
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • responsive design. Available parameter to disable responsive behaviour
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • external url link parameter for large image
  • width & height parameters
  • target parameter: _blank or _self
  • loop parameter
  • you can include YouTube, Vimeo & HTML5
  • circle timer parameters for color, dimensions, transparency
  • autoplay parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • 3 predefined skins

5. CAROUSEL:

  • easing parameter
  • autoplay parameter
  • 3 predefined skins
  • number of visible items. Ex: 3, 5, 7 etc.
  • elements horizontal spacing parameter
  • responsive design. Available parameter to disable responsive behaviour
  • target parameter: _blank or _self
  • animation time parameter
  • touch screen navigation support for mobile
  • circle timer parameters for color, dimensions, transparency
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • you can include YouTube, Vimeo & HTML5
  • width & height parameters
  • external url link parameter for large image

5′. SIDEBAR BANNERS:

  • From these banners you can create, in just a minute, sidebar banners or mini-galleries.

P.S.: All In One Slider Responsive Jquery Slider Plugin is included in the newly released MOST WANTED WORDPRESS PLUGINS PACK

 

All In One Slider Responsive Jquery Slider Plugin

 

2. Advanced Slider – jQuery XML slider

Advanced Slider - jQuery XML slider

Advanced Slider is responsive, mobile-ready, SEO-friendly, jQuery slider plugin 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. Please take a look at the list of features below.

Great features for this jQuery slider:

  • Responsive/Fluid layout
  • The slider is fully responsive as it allows you to specify its size in percentages.

  • Touch Screen support
  • The slider provides a ‘swipe’ transition effect that will allow you to navigate through the slides using touch gestures on mobile devices. You can set the Swipe effect to work either horizontally or vertically.

  • Animated Layers
  • You can add both animated and static layers. These layers can contain anything, from simple text to complex HTML content, like videos.

  • Smart Video
  • The slider has built-in support for YouTube, Vimeo and HTML5 videos. The slider can automatically stop or pause a video when the user navigates away from the slide that contains the video, or start a video when a user reaches the slide. Also, the auto slideshow will stop or pause when a video starts playing.

  • (Content) Thumbnails
  • You can add simple image thumbnails or thumbnails that have HTML content. The thumbnails can be displayed as tooltips or in a thumbnail scroller. Also, the Thumbnail scroller supports touch-swipe gestures.

  • Fullscreen
  • The slider can be displayed fullscreen in browsers that have support for HTML5 fullscreen.

  • XML/HTML support
  • The XML support provided by this plugin makes the slider very easy to setup and maintain but you can also use HTML markup.

  • 100+ possible transition effects
  • Instead of predefining only a few transitions, this plugin provides several properties, each property having from 5 up to 23 possible values. These properties can be combined to obtain hundreds of transitions.

  • 150+ customizable properties
  • There are over 150 properties that allow you to customize the look and feel of the slider.

  • Over 15 slider skins
  • There are over 15 slider skins, 6 of them providing multiple color variations. Also the PSD layered files (or PNG in some cases) are offered, so you can modify the color and size of the elements.

  • 7 Scrollbar skins
  • Also there are 7 scrollbar skins, 6 of which have 2 versions: for light and for dark background. The layered PSD files are included, but you can change the size of the scrollbar, or of the thumb, from within the CSS.

  • Easy Integration
  • You can easily integrate the slider with other 3rd party scripts, like the lightbox scripts (prettyPhoto, colorbox, fancybox, etc.) which will allow you to open YouTube/Vimeo videos, flash content, higher resolution images etc.

  • Built-in Lightbox support
  • Advanced Slider integrates the popular prettyPhoto script to allow you to easily add lightbox content. You can chose between 6 lightbox themes and you can also specify the width and height of the YouTube/Vimeo videos or the flash content that you add to the lightbox.

  • Keyboard navigation
  • You can navigate through slides using the left and right arrow keys. You can also open a link or lightbox, that is attached to a slide, using the Enter key.

  • Show/Hide
  • You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the thumbnail scroller buttons, arrows or scrollbar.

  • Per slide settings
  • You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.

  • Fully customizable
  • You can easily change the position of the elements or even replace the default graphics (preloaders, arrows etc.) with your own.

  • Multiple sliders on the same page
  • Links
  • You have the option to add a link to each slide.

  • Auto slideshow
  • You can set the slider to auto slideshow mode and you also have the option to pause the slideshow mode on mouse hover.

  • Public methods
  • Allow you to control the slider using outside input (e.g. gotoSlide(3), nextSlide(), previousSlide(), getSlideAt(2) etc).

  • Callback functions
  • The plugin provides a few callback (transitionStart, transitionComplete, slideOpen, slideClick etc.) functions so you can detect, for example, when a transition starts or is complete.

 

Advanced Slider - jQuery XML slider

 

3. Jquery Slider Zoom In/Out Effect Fully Responsive

Jquery Slider Zoom In/Out Effect Fully Responsive

Features:

Jquery Slider Zoom In/Out Effect comes in 4 versions:
– Fixed Dimensions Slider
– Full Width Slider
– Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
– SideBar Sliders/Mini-Galeries

  • touch screen navigation support for mobile
  • 3 predefined skins: Opportune, Majestic, Generous
  • 2 types of transition between slides to choose from: FADE TRANSITION or SLIDE TRANSITION
  • Zoom In/Out Effect duration parameter
  • circle timer parameters for color, dimensions, transparency
  • over 180 prebuilt CSS3 animation for layers
  • support links for each image with parameter for _self or _blank
  • autoplay parameter
  • show/hide controllers parameter
  • you can insert multiple instances in the same page
  • responsive design. Available parameter to disable responsive behavior
  • ultra-smooth Zoom In/Out Effect on all major browsers, in any combination: left, center, right with top, center, bottom. The zooming & panning effect it is also known as ‘Ken Burns Effect’, according to wikipedia
  • Zoom In/Out Effect initial zoom and final zoom parameters for each imager
  • parameter to disable Zoom In/Out Effect
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • supports YouTube & Vimeo
  • width & height parameters
  • loop parameter
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

 

Jquery Slider Zoom In/Out Effect Fully Responsive

 

4. Parallax Slider – Responsive jQuery Slider Plugin

Parallax Slider - Responsive jQuery Plugin

Features:

Parallax Slider – Responsive jQuery Slider Plugin comes in 4 versions:
– Classic
– Perpetuum Mobile
– Mouse Interaction
– Ultra

NEW: From these sliders you can create, in minutes, sidebar banners.

Classic:

  • touch screen navigation support for mobile
  • 2 predefined skins: bullets & thumbs
  • you can include YouTube, Vimeo & HTML5
  • circle timer parameters for color, dimensions, transparency
  • responsive design. Available parameter to disable responsive behaviour
  • show/hide bottom thumbs parameter
  • width & height parameters
  • external url link parameter for each slide
  • autoplay parameter
  • layered elements: permits almost unlimited number of layers, images or texts
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • target parameter: _blank or _self
  • show/hide controllers parameter
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • loop parameter

PERPETUUM MOBILE:

  • touch screen navigation support for mobile
  • perpetuum move: define multiple backgrounds elements that can have a perpetuum move. For each background you can enable or disable this behavior
  • 2 predefined skins: bullets & thumbs
  • you can include YouTube, Vimeo & HTML5
  • circle timer parameters for color, dimensions, transparency
  • responsive design. Available parameter to disable responsive behaviour
  • show/hide bottom thumbs parameter
  • width & height parameters
  • external url link parameter for each slide
  • autoplay parameter
  • continuous move for layers: you can choose which layer will move continuously between 2 positions just by setting additional parameters
  • layered elements: permits almost unlimited number of layers, images or texts
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • target parameter: _blank or _self
  • show/hide controllers parameter
  • rotary motion for layers: you can choose which layer will rotate just by setting additional parameters. This feature is working for all browsers, except IE7 & IE8
  • width & height parameters
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • loop parameter

MOUSE INTERACTION:

  • touch screen navigation support for mobile
  • mouse interaction: by moving the mouse over the slider, the elements will react. Available parameter to disable this behavior
  • loop parameter
  • show/hide controllers parameter
  • you can include YouTube, Vimeo & HTML5
  • circle timer parameters for color, dimensions, transparency
  • continuous move for layers: you can choose which layer will move continuously between 2 positions just by setting additional parameters
  • show/hide bottom thumbs parameter
  • width & height parameters
  • external url link parameter for each slide
  • autoplay parameter
  • layered elements: permits almost unlimited number of layers, images or texts
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • target parameter: _blank or _self
  • responsive design. Available parameter to disable responsive behaviour
  • rotary motion for layers: you can choose which layer will rotate just by setting additional parameters. This feature is working for all browsers, except IE7 & IE8
  • width & height parameters
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • 2 predefined skins: bullets & thumbs

ULTRA:

  • touch screen navigation support for mobile
  • width & height parameters
  • loop parameter
  • show/hide controllers parameter
  • you can include YouTube, Vimeo & HTML5
  • circle timer parameters for color, dimensions, transparency
  • asynchronous move for backgrounds: Define multiple backgrounds elements that can have an asynchronous move, customizable through parameters
  • show/hide bottom thumbs parameter
  • 2 predefined skins: bullets & thumbs
  • external url link parameter for each slide
  • autoplay parameter
  • layered elements: permits almost unlimited number of layers, images or texts
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • target parameter: _blank or _self
  • responsive design. Available parameter to disable responsive behaviour
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated

 

Parallax Slider - Responsive jQuery Plugin

 

5. TouchCarousel – jQuery Content Scroller and Slider

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 for this great jQuery slider:

  • Touch navigation for supported devices.
  • Paging and free-scroll mode.
  • Physics-based scrolling.
  • Fluid width of carousel for free-scroll mode.
  • Support and updates.
  • Simple documentation.
  • Smart autoplay(slideshow) — pauses when you hover over and stops when some action with carousel is done (optional).
  • Each item can have any html content(except video) and can be any size.
  • 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.
  • Mouse-drag navigation can be removed if you don’t need it.
  • Super easy to style — CSS file is commented and organized.
  • Customizable UI — enable or disable arrows, bullets, scrollbar.
  • Powerful, documented API — public methods, properties, callbacks.
  • Configurable items per scroll and snapping.
  • Optional keyboard navigation and much more…

Please note that TouchCarousel is responsive only in full-width free-scroll mode (for width).
TouchCarousel is tested on Mac, PC, iPad 2, iPhone 4, HTC Desire and Blackberry PlayBook.

Advanced features (mostly for devs):

  • Doesn’t block default browser scroll on touch devices. Drag only in one direction is allowed.
  • Understands difference between click and drag. Use links in it calmly.
  • Touch navigation can be removed over elements by adding specific class to them. Use it when you need default browser behaviour on touch devices (selecting text, input fields).

 

TouchCarousel - jQuery Content Scroller and Slider

 

If you need to install a radio player on your website maybe you’ll find in this article Top 3+ Sticky HTML5 Radio Player Plugins

 

 

No Comments

Post A Comment