我有这个滑块,可以通过单击按钮来更改背景图片,但是我不知道如何使其自动播放...我不熟悉Javascript或Jquery,因此无法弄清楚。谁能帮忙吗?非常感谢!
HTML
<div id="full-slide" class="slider">
<ul class="banner fadein">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>
<i class="las la-angle-left prev"></i><i class="las la-angle-right next"></i>
</div>
JS
function fullSlider(){
$('#full-slide .prev, #full-slide .next').click(function(){
var $this = $(this),
current = $('.banner').find('.active'),
position = $('.banner').children().index(current),
totalPics = $('.banner').children().length;
if ($this.hasClass('next')){
if (position < totalPics - 1){
$('.active').removeClass('active').next().addClass('active');
}
else {
$('.banner li').removeClass('active').first().addClass('active');
}
}
else {
if (position === 0){
$('.banner li').removeClass('active').last().addClass('active');
}
else {
$('.active').removeClass('active').prev().addClass('active');
}
}
});
}
[这有助于我制作幻灯片:https://www.w3schools.com/w3css/w3css_slideshow.asp尽管当然可以,但您实际上并不需要使用jQuery来进行自动或手动幻灯片放映。