Press "Enter" to skip to content

Lightweight and Flexible Slider Plugin For JavaScript | OlumSlider

OlumSlider is a lightweight and flexible slider, written via the vanilla js plugin to create responsive and flexible sliders and auto on-page rotation.

slider javascript, jquery slider plugin free download, jquery carousel slider example, jquery slider carousel, responsive slider jquery free download with demo, jquery image slider

How to make use of it:

1. Add slides to the slider.

<div id="slider">
  <div class="slide">1</div>
  <div class="slide">2</div>
  <div class="slide">3</div>
  ...
</div>

2. The basic styles of the slider.

slider {
  height: 500px;
}

#slider .slide {
  line-height: 500px;
  text-align: center;
  color: white;
  font-size: 30px;
}

3. Download and upload the OlumSlider.js library into the document.

<script src="olum-slider.js"></script>

4. Configure the slider.

new OlumSlider({
    container: document.getElementById("slider"),
});

5. Select whether you want to show pagination points and navigation arrows.

new OlumSlider({
    container: document.getElementById("slider"),
    arrows: true,
    dots: true,
});

6. Select if you want to enable autoplay.

new OlumSlider({
    container: document.getElementById("slider"),
    auto: true,
    interval: 3000, // in ms
});

7. Allocate Mobility Shares.

new OlumSlider({
    container: document.getElementById("slider"),
    nextArrowIcon: "", // html & text
    prevArrowIcon: "", // html & text
});

Basic Slider Plugin For JavaScript, olum-slider Plugin/Github, jquery image slider plugin, jquery banner slider


See Demo And Download

Official Website(olumjs): Click Here

This superior jQuery/javascript plugin is developed by olumjs. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *