slidersbeforeafter v1.0.1

What is this

This is a perfect slider before and after author Mario Magomedov

Demo

https://web-2017.github.io/sliderBeforeAfter/

Installation

Using npm:

npm i slidersbeforeafter --save

Using yarn:

yarn add slidersbeforeafter

In any js file

import { sliderBeforeAfter } from './index'

let slider = new sliderBeforeAfter({
  class_name: 'slider',
  width: '600px',
  height: '350px',
  border_width: '2px',
  border_color: 'red',
  showMoreOptionsLog: true,
})

slider.start()

What inside? look at console

- _showMoreOptionsLog_ - set true (Default to false)

Options

shadowizard supports 8 options, all of which are optional:

• class_name - set your class name (Default to 'slider')
• width - set width (Default to '500px')
• height - set height (Default to 'slider')
• src - set first img source (Default to 'https://picsum.photos/id/10/500/350')
• src2 - set second img source (Default to 'https://picsum.photos/id/1050/500/350')
• border_width - set borderWidth (Default to '2px')
• border_color - set borderColor (Default to '#fff')
• showMoreOptionsLog - set your class (Default to 'slider')