Как я могу сделать автозапуск слайдшоу? - PullRequest
Новая
       54

Как я могу сделать автозапуск слайдшоу?

0 голосов
/ 17 марта 2020

У меня есть этот ползунок, который может менять фон пи c, нажимая кнопки, но я не знаю, как заставить его играть автоматически ... Я не знаком с 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>

li
   &active
    opacity: 1
    transition: opacity .6s ease-in-out

li:nth-child(1)
    background-image: url('1.jpg')      
    .
    .           
li:nth-child(4)
    background-image: url('4.jpg')

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');
            }

        }
    });

}

1 Ответ

0 голосов
/ 17 марта 2020

Это очень помогло мне в создании слайд-шоу: https://www.w3schools.com/w3css/w3css_slideshow.asp
Вам не нужно использовать jQuery для создания автоматического c или ручного слайд-шоу, хотя, конечно, это возможно.

...