Simple Code

# 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)

# 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>

← Dynamic data →