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