Simple jQuery slideShow.
Include the latest version of jQuery :
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> Reference the `slideShow()
HTML
<div class="container-slider">
<!-- Slider -->
<a class="prev-icon click-prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
</a>
<ul class="slider">
<li class="active">
<img src="image/img-1.jpg">
</li>
<li>
<img src="image/img-2.jpg">
</li>
<li>
<img src="image/img-3.jpg">
</li>
<li>
<img src="image/img-4.jpg">
</li>
</ul>
<a class="next-icon click-next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</a>
<!-- End Slider -->
</div> jQuery
$(function() {
// Start by Default
$('.slider').slideShow(); // By Default start , speed : 2000
// To Start Slideshow .
$('.slider').slideShow({
checkslide: 'start', // By Default start
speed: 4000 // By Default 2000
});
// To Stop Slideshow .
$('.slider').slideShow({
checkslide: 'stop'
});
});– Google Chrome
– Safari
– Internet Explorer ( 8, 9, 10+ ) ( Not Tested )
– Firefox
– Opera
jQuery.slideShow 2.0.0 – Active With keyboard :) .
jQuery.slideShow 1.5.0 – option For Plugin .
jQuery.slideShow 1.0.1
– Initial Release
If you discover any issues or have questions regarding usage, please send a message to ThemeForest or find me on GitHub @moahmed123.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent