如何使幻灯片播放自动播放?

问题描述 投票:0回答:1

我有这个滑块,可以通过单击按钮来更改背景图片,但是我不知道如何使其自动播放...我不熟悉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');
            }

        }
    });

}
javascript jquery slider slideshow slide
1个回答
0
投票

[这有助于我制作幻灯片:https://www.w3schools.com/w3css/w3css_slideshow.asp尽管当然可以,但您实际上并不需要使用jQuery来进行自动或手动幻灯片放映。

© www.soinside.com 2019 - 2024. All rights reserved.