Top 8 Spectacular jQuery Slider Plugins

Top 8 Spectacular jQuery Slider Plugins

Some want a slider that builds itself. Others are searching for jQuery Slider Plugins that come with unlimited customization options because they have a rich imagination and they need all the tools to accomplish what they have intended. You’ll discover that with a jQuery Slider it’s really easy to make your page interactive. In this post you’ll find the best solutions for you.

1. Jquery Slider Zoom In/Out Effect Fully Responsive

Jquery Slider Zoom In/Out Effect Fully Responsive - In Top 8 Spectacular jQuery Slider Plugins

Features:

Zoom In/Out Effect Sliders Full Collection includes 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

  • Zoom In/Out Effect duration parameter
  • parameter to disable Zoom In/Out Effect
  • 3 predefined skins: Opportune, Majestic, Generous
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • Zoom In/Out Effect initial zoom and final zoom parameters for each imager
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • 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
  • 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
  • supports YouTube & Vimeo
  • touch screen navigation support for mobile
  • 2 types of transition between slides to choose from: FADE TRANSITION or SLIDE TRANSITION
  • circle timer parameters for color, dimensions, transparency
  • width & height parameters
  • loop parameter
  • over 180 prebuilt CSS3 animation for layers

P.S. Jquery Slider Zoom In/Out Effect Fully Responsive is included in THE MOST WANTED JQUERY PLUGINS PACK

 

Jquery Slider Zoom In/Out Effect Fully Responsive

 

2. YouSlider-Responsive Jquery Slider Plugin

YouSlider-Responsive Jquery Slider Plugin

YouSlider – jQuery Slider Plugin is a amazing script for users to use it in web sites or other things.Clean and modern design make it very beautiful.3(three) different screen mode sample styles,4(four) different navigation style,12 button align mode,20 transition animation effects and 22 custom settings also included.YouSlider is an beautiful slider as well, with the ability of adding any html contents (texts, images,captions …) in layers.This slider also support video,captions and etc.HTML,CSS and JS files included.You can call plugin and set values to create slider as you want.You can also generate slider with settings in demo page and you can get generation code for slider to use website.

Main Features for this best jQuery slider:

  • Fully responsive
  • 3 Screen View Mode
  • 4 Navigation Style
  • 12 Button Align Mode
  • 20 Transition Effects
  • 22 Customize Settings
  • Preloading
  • Caption Effects
  • Easy to use

24/7 Support

 

YouSlider-Responsive Jquery Slider Plugin

 

3. Gumb Slider – Responsive jQuery Image Gallery

Gumb Slider - Responsive jQuery Image Gallery

Gumb Slider allows you to create your own professional slider, responsive layout and touch support for mobile devices. It’s focused on performance, stability, accessibility to providing best experience for use with any device.

Slider Features:

  • Gumb slider is elastic for all screen sizes.
  • YouTube, Vimeo, HTML5 videos in slides.
  • Full-screen mode. Ability to enable/disable large images in fullscreen mode.
  • Lazy Loading – loads nearby images in background, so users don’t need to wait each time and images are available instantly.
  • Slider can be put inside a popup.
  • Adjust slider dimensions – you can configure dimension of slider depending by screen sizes.
  • Enforce Slider Dimension – you can set to expand slider automatically by window height or window width.
  • Set start slide index and spacing between slides.
  • Slides spacing is customizable.
  • Powerful JavaScript API – You can control the slider programmatically.
  • Animated Layers – Layers can contain any HMTL content, from simple text to videos.
  • Slides with a speed of swipe.
  • Animated HTML captions with custom effects (fade, move top, move right, left, bottom).
  • Full-screen – GumbSlider can enter the full-screen mode in browsers that support the HMTL5 Full Screen API.
  • Callbacks (go to slide, autoplay, video stop, video play etc.).
  • Custom scale mode for all layers depending on screen size.
  • Touch-swipe navigation enabled (ability to disable).
  • Deep-linking – link to specific slide from URL.
  • Slide or Fade transition for slides.
  • The slide orientation can be set to vertical or horizontal. Also you can control the position of thumbnails to: right, left, top, bottom.
  • Any HTML content can be placed inside slide.
  • Keyboard Shortcuts – It’s possible to navigate through slides using the keyboard. (right, left, up, down).
  • Compatible with all major browsers (including IE7 to IE9, Chrome, Firefox, Safari and Opera).
  • Customizable interface (add/remove arrows, pagination, thumbnails).
    Slides spacing is customizable.
  • Adjustable speed, transition and easing for each caption or slide.
  • Full Width and Full Window – You can set the slider to automatically expand itself to the full width or full size of the browser window.
  • Lazy Loading – It’s possible to load the images only when they become visible, thus increasing the loading speed and saving bandwidth.
  • Retina-enabled – The slider allows you to specify a retina version for each image.
  • Auto slideshow with optional pause on hover.
  • Auto Height – Optionally, the slider height can expend depending on the height of the current slide.
  • Photoshop (.psd) file of skin included.
  • FREE UPDATES – and more features in demo.

 

Gumb Slider - Responsive jQuery Image Gallery

 

4. All In One Slider Responsive Jquery Slider Plugin

All In One Slider Responsive Jquery Slider Plugin

All In One is an Advanced jQuery Slider which 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.

Main Features

BANNER ROTATOR:

  • 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.
  • autoplay parameter
  • animated text from any direction: top, bottom, left and right. CSS and HTML formated
  • touch screen navigation support for mobile
  • external url link parameter for large image
  • target parameter: _blank or _self
  • randomize images parameter
  • width & height parameters
  • circle timer parameters for color, dimensions, transparency
  • loop parameter
  • 3 predefined skins
  • 16 photo transition effects
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter

THUMBNAILS BANNER:

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

PLAYLIST BANNER:

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

CONTENT SLIDER:

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

CAROUSEL:

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

SIDEBAR BANNERS:

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

 

All In One Slider Responsive Jquery Slider Plugin

 

5. Master Slider jQuery Slider Plugin with Visual Builder

Master Slider jQuery Slider Plugin with Visual Builder

Master Slider jQuery slider plugin is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture, that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider plugin is an awesome layer slider as well, with the ability of adding any HTML contents (texts, images, …) in layers. This best jQuery slider it’s easy to use, plus there are 80+ ready to use sample sliders for you. You have almost everything such as hotspots, thumbnails, video support, variety of effects, and many more features in this plugin. Master slider jQuery slider is the most complete among the best.

Online Visual Builder

Visual Builder is a revolutionary facility for our jQuery users. We started a revolution on jQuery slider plugins, and this revolution succeed, because this editor is totally free for our jQuery users.This online tool makes you able to create, manage and export your sliders on averta cloud service. Your sliders are safe in your online panel. It saves you tons of time, while you no longer are required to touch even a line of code. While it is an online service, you don’t receive “Visual Builder” script by your purchase.

Features:

    • Animated layers

– You can easily add images, html formated texts and video layers over each slide and each layer accepts unique animation parameters: animation effect, duration, delay etc.

    • Responsive

– Adapts to any screen size (feel free to resize the browser). So the slider always works and looks great on all touch devices, laptops and desktop screens.

    • Touch swipe navigation

– Touch and mouse swiping is fully supported by Master Slider. It suports swip navigation for slides, thumbnails and tabs in vertical and horizontal deirections.

    • Thumbs and tabs

– You can add thumbnail images or html contents to each slide that appears on a list, in vertical and horizontal deirections. You can navigate through the list by touch, mouse swiping or the mouse wheel.

    • Templates and ready to use samples

– Sample files and starter templates are included which can be customised easily and can help you figure out your slider faster.

    • 6 interactive transitions

– This slider supports six super smooth hardware accelerated and unique transitions to change slides; you can find a sample of each in template demos.

    • Hotspots

– The slider gives you the option of adding hotspots to each slide, to show the related tooltip while mouse is over that hotspot; tooltip accepts html content as well as images in any sizes.

    • Flickr plugin

– With Flickr plugin you can add your Flickr images (latest images or sa photoset) to the slider, with options to insert Flickr author name, image title and image description as a text layer over slides.

    • Smart preloadings

– This slider gives you three options for image preloading. Preload all images before initializing, instant initialize then loads images in sequence and loads nearby slides of current slide.

    • Videos

– YouTube and Vimeo are supported, as well as custom iframe. So, videos from various sharing services, such as wistia.com, could be played.

    • SEO friendly

– This slider is SEO friendly. You can use any type of html element (heading, paragraph, list etc) in slider markup. They will be visible to search engines.

    • Flexible

– It works with any size of image. It supports five image alignment methods (fit, fill, stretch, center and tile). You can insert multiple instances of slider in any size into your page.

    • Cross browser

– Master Slider works perfectly on major types of browsers such as Chrome, Firefox, Safari, IE8+ and Opera.

    • Touch slider

– Master slider jQuery slider plugin touch navigation, offers a variety of options like touch swipe on mobile and drag and drop option for desktop. Our touch-enabled media slider allows users to drag over the items smoothly. Master Slider is one of the easiest plugins on Envato marketplace, which also greatly extends functionality into touch-support mobile devices.

    • Fully customisable

– Each part of the slider can be changed easily. You will find 15+ ready-to-use skin files in download package, also more than 20 javascript options are available to customize your slider.

    • Parallax slider

– Master Slider jQuery slider plugin provides an easy to use parallax templates that you can use them on your website. These parallax templates let you design your parallax slider in less than ten minutes, by simply using our parallax templates and free jquery visual builder. Parallax slider works smooth on all themes, with any content that you want to use for your slider.

    • Layered slider

– Master Slider jQuery layered slider plugin has different layers with amazing options. They are five editable layers you can add to your slides: Text layer, image layer, video layer, button layer, and hotspot layer. You can customize each layer’s content, style, transition, and misc. Each layer can be animated, too! With animated layers, you can insert or embed HTML formatted texts, links, images, and videos directly into your slides and add unique animation parameter such as effect, duration, delay etc.

    • Video gallery

– Video gallery is one of the most important tools for business owners to promote their service or product. Master Slider jQuery slider plugin allows users to create stunning Youtube and Vimeo sliders for their website. With Master Slider ready to use video templates, you can create elegant video gallery just in minutes.

    • Youtube Slider

– The best plugin on Envato marketplace to create Youtube slider, is Master Slider jQuery slider plugin. All you need is to choose one of our Youtube video slider templates and embed the link of Youtube video. Creating Master Slider Youtube Slider, is one of the most easy way to get more traffic and shares for your website.

    • Flickr slider

– There are different image services, and instead of uploading the same images you have already used there, it is easier to get your images automatically from these websites and show them on your website. Master Slider jQuery slider plugin integrates with Flickr and lets you create a slider by your Flickr images. Your latest Flickr images will appear on a slider, with or without author name, image title, and image description as a text layer on the slides.

    • Image and content slider

– You can create image and content slider with Master Slider jQuery slider plugin. Any content can be added to the slider. Master Slider awesome features help you easily add images and other content and customize them in any way you wish. You can add transition or style to the added content. However, you are able to only have an image slider. Images simply can be added to the slider, from media library. Just easily choose images one by one, or select multiple images. Also, all slides’ images can be enlarged in lightbox.

 

Master Slider jQuery Slider Plugin with Visual Builder

 

6. gwSlider

gwSlider

gwSlider a.k.a. Goodwave Slider is the best slider solution for rapid development, in a lightweight (8 KB the minified version) jQuery based slider plug-in featuring the most common options for web development. The carousel may be used as a full-width, responsive, one item per page slider or a multiple items per page as an image/item gallery. Although it is a jQuery based plug-in, the “single item per page” version is based on keyframe animations for transitions, giving it even better loading speed. The default version includes 14 animations, but extra classes may be added (more on this in the options explanations). The “multiple items per page” version does not use keyframe animations as it only makes sense with the “slide” transition (revealing next and previous item one at a time) and uses a 1 perPage mobile fallback.

Technologies

JavaScript jQuery CSS3 Keyframe animations HTML5

Technologies

All modern browsers (Firefox, Safari, Opera, Chrome) and IE 10 or higher

Technologies

Documentation is comprehensive and covers all the options for the slider. If you feel that you need to know more about our slider please use help support.

 

gwSlider

 

7. Magic Slider with Layers & Carousel with LightBox

Magic Slider with Layers & Carousel with LightBox

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support. Enjoy it now!

UPDATE COMPLETE, VERSION V 2.0 IS AVAILABLE.
The update contains:
– FullScreen Background: ‘setAsBg’ parameter was added
– improved Ken Burns Effect
– video gallery examples

MAGIC SLIDER

Features:

  • 2 predefined skins: bullets & thumbs
  • each layer has parameters for intial move animation, intermediate move animation and exit move animation
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • target parameter: _blank or _self
  • loop parameter
  • circle timer parameters for color, dimensions, transparency
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • touch screen navigation support for mobile
  • layered elements: permits almost unlimited number of layers, images or texts.
  • Ultra-smooth Ken Burns Effect for background image, on all major browsers
  • Full Screen background option
  • width & height parameters
  • show/hide controllers parameter
  • you can include YouTube and Vimeo
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip
  • responsive design. Available parameter to disable responsive behaviour
  • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
  • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing
  • external url link parameter for each slide
  • autoplay parameter
  • show/hide bottom thumbs parameter
  • multiple js options from where you can customize the plugin

MAGIC CAROUSEL – PERSPECTIVE and ONE BY ONE

Features:

  • touch screen navigation support for mobile
  • lightbox support
  • circle timer parameters for color, dimensions, transparency (available only for Perspective version)
  • autoplay parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin
  • show/hide controllers parameter
  • responsive design – available parameter to disable responsive behaviour
  • border – you can set the border size and border color for active and inactive image
  • width & height parameters
  • show/hide bottom navigation parameter
  • multiple js options from where you can customize the plugin
  • multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio. HTML5 video and HTML5 audio will not work in IE7 & IE8
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • it supports links for each image with parameter for _self or _blank
  • detailed help documentation included. Also, all the examples present in the preview are included in the download .zip

 

Magic Slider with Layers & Carousel with LightBox

 

8. Showcase Slider

Showcase Slider

Showcase Slider is a simple jQuery Slider, horizontally or vertically two components slide.

Best Features for this jQuery Slider:

  • autoplay (with a progressbar)
  • random play
  • pause on hover
  • horizontal slides
  • vertical slides
  • custom info for image like ‘sale’, ‘-50%’ or something else
  • keyboard support for next and prev slide

Included Files:

  • Documentation
  • HTML Example
  • jQuery: sliderShowcase
  • jQuery: Pause Jquery plugin v0.1
  • jQuery: imagesLoaded PACKAGED v4.1.1

Some Files are only included in Preview / Documentation:

if your slider looks weird, could be due to the missing scrips, which are only in preview

  • Bootstrap
  • Font Awesome
  • Dreamweaver.js (for syntax highlight)
  • custom css for Preview
  • jQuery easing
  • Slider Images

 

Showcase Slider

 

Top 8 Spectacular jQuery Slider Plugins wants present you the best jQuery Slider Plugins that fit your project.

No Comments

Post A Comment