Params

Params

SimpelSlider has some basic params so you can start using it right away. But can customize some of them you fulfill your needs.

Param	Description	Default	Notes
height	Control height of sliderContainer	100%	px, vh or %
width	Control width of sliderContainer	600px	Use px or vh
color	Change color of arrows	black	RGB hex name
arrowSize	Size of arrows	2	From 1 to 5
arrowWeight	Size of weight	5	From 1 to 10

Example

Try it out

Play around with code on codepen (opens new window)

See the Pen Simple Slider Params by Maxi Ruti Park (@maxrpark) on CodePen.

Code

<section height="80vh" color="orange" arrowWeight="10" class="sliderContainer">
  <div class="slide">
    <img src="img1" alt="img1" />
  </div>
  <div class="slide">
    <img src="img2" alt="img2" />
  </div>
  <div class="slide">
    <img src="img3" alt="img3" />
  </div>
</section>