LayerSlider Responsive jQuery Slider Plugin

CLICK HERE TO OPEN OUR SUPPORT CENTERFOLLOW US ON ENVATOFOLLOW US ON FACEBOOK

LAYERSLIDER 5

About this plugin

LayerSlider is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects. It uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes with more than 200 preset 2D and 3D slide transitions. It’s device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load for optimal performance. You can add any content, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It’s also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

WORDPRESS VERSION

LAYERSLIDER KEY FEATURES

LAYERSLIDER FULL LIST OF FEATURES

General Features

  • Super smooth hardware accelerated CSS3 transitions with jQuery fallback
  • Fully responsive & multiple layouts support
  • High compatibility with many fallback features for old browsers
  • Lazy loading images for beter performance
  • Unlimited layers with image, video, audio, text or custom HTML content
  • Powerful API for more customization
  • SEO friendly
  • Multiple sliders can be added on the same page
  • Included free slide transition gallery
  • Very detailed documentation with examples
  • Unlimited variations of usage (image slider, image slider with text, content slider, video gallery slider, mixed content slider, banner rotator, carousel, etc.)
  • Free updates & support

Slider Layout & Appearance

  • Responsive, full-width, full size or fixed dimensions layout
  • Responsive under & Layers container features for full-width sliders
  • 13 skins included
  • Skins PSD file included for easily creating your own skins
  • Option for specifying a global background color or image to the slider

Slide Options

  • More than 200 2D & 3D transitions
  • Option for create your own slide transitions
  • Option linking the whole slide
  • Option for adding a deep link to a specified slide

Layer Options

  • Layers can slide (axis-free), fade, rotate (in 2D or 3D), scale and skew, or mixed of these
  • Option for setting the transform origin of transition
  • Option for linking layers
  • Option for adding a link to layers which will change the slider to a specific slide
  • Optional parallax effect on layers

Slideshow

  • Auto-start slideshow (can be disabled)
  • Pause slideshow on hover feature
  • Starting with specified slide
  • Optional random slideshow feature
  • Option for fade in the first slide without animating the layers
  • Option for backwards-slideshow (Two way slideshow)
  • Loops feature

Navigation

  • Bullets, hover thumbnails or thumbnails
  • Touch navigation on mobile browsers
  • Keyboard navigation
  • Option for disabling prev / next buttons or bullets
  • Option for showing prev / next buttons or bullets on hover
  • Two types of timers: bar timer and circle timer
  • Option for customizing the thumbnail area and the size of thumbnails

Video & Audio

  • Easy to use with YouTube, Vimeo or HTML5 videos or audios
  • Auto-pause slideshow while videos or audios are playing
  • Auto-play videos and audios (optional)
  • YouTube and Vimeo thumbnail images
  • Option for adding a fixed image over the slider
  • Option for styling and adding a link to this image

Compatibility

  • Requires jQuery 1.7 (working with 1.10.x or 2.x versions, please note that jQuery 2.x is no more compatible with IE7 and 8!) & Greensock Animation Engine
  • Working in Chrome, Firefox, Safari, IE7-11, Opera
  • Working in mobile browsers
  • Most of the 2D slide transitons are working under all browsers
  • The 3D slide transitions are working under Chrome, Firefox, Safari, Opera, iOS and the latest Android versions (2D fallback mode under other browsers)

Changes in the latest version

New features

    Parallax Layers - a fancy parallax effect by mouse move
    New layer transitions: rotateX, rotateY and skew with option to set transformOrigin
    Added (self-hosted) HTML5 video and audio support
    Added a new skin

Changes

    Using Greensock Animation Engine instead of jQuery Transit + easings.js
    Changes the naming of layers and slides
    Changes in the HTML markup of the slider
    Changed some properties in the init code
    Slides and layers can now animating at the same time
    Layers can now fade + slide at the same time
    Changed some properties in the layer transitions

Improvements

    Super smooth transitions with the Greensock engine
    Improved some layer transitions like fade, slide (axis-free), scale, etc.
    Improved crossfading slide transition with semi-transparent PNG files
    Smarter preloading images with lazy load

Fixes

    Fixed the '1px slide transition bug'
by
by
by
by
by
by