- Add slider styles
<link rel="stylesheet" href="air-slider/air-slider.min.css">
- Add slider markup
<div class="air-slider">
<div class="slide">
<img src="img/image1.jpg" alt="slide1"/>
</div>
<div class="slide">
<img src="img/image2.jpeg" alt="slide2"/>
</div>
<div class="slide">
<img src="img/image3.jpeg" alt="slide3"/>
</div>
</div>
- Add slider script and init slider
<script src="air-slider/air-slider.min.js"></script>
<script>
var slider = new airSlider({
autoPlay: true,
width: '600px',
height: '300px'
});
</script>
autoPlay
: true/false (default - false);autoPlayTime
: value in milliseconds (default - 3000);width
: any css width (%, px, vw, rem...);height
: any css height (%, px, vh, rem...);