dpesofficial / stack-slider

View experimental Stack Slider here
https://dpesofficial.github.io/stack-slider/
8 stars 5 forks source link

πŸ†‚πŸ†ƒπŸ…°πŸ…²πŸ…Ί πŸ†‚πŸ…»πŸ…ΈπŸ…³πŸ…΄πŸ†
πŸ…±πŸ†ˆ: πŸ…³πŸ…ΈπŸ…ΏπŸ…΄πŸ†‚πŸ…· πŸ†ƒπŸ…·πŸ…°πŸ…ΏπŸ…°

# Author Site: http://dpes.com.np/

An experimental image slider that flips through images in 3D. Four stacks resemble image piles where images will be lifted off from and rotated to the front for viewing.

Watch Demo at https://dpesofficial.github.io/stack-slider/

Settings

Option Type Default Description
autoPlay boolean true Enables auto play of slides
autoPlaySpeed int 3000 Auto play change interval
arrows boolean true Enable Next/Prev arrows
drag boolean true Enables desktop dragging
dots boolean true Current slide indicator dots
direction string 'direction: hozizontal' Sets direction of slider either vertical or horizontal
For vertical layout set 'direction: vertical'

Example

Initialize with:

$("#slider").stack_slider({
  autoPlaySpeed: 3000,
  autoPlay: true,
  dots: true,
  arrows: true,
  drag: true
});