@deepprod

Как сделать автоматическое пролистывание слайдера?

Привет вот код слайдера:

jQuery(document).ready(function ($) {

    $('#slider-01').change(function () {
        setInterval(function () {
            moveRight();
        }, 3000);
    });

    var slideCount = $('.slider ul li').length;
    var slideWidth = $('.slider ul li').width();
    var slideHeight = $('.slider ul li').height();
    var sliderUlWidth = slideCount * slideWidth;
    var newWidth = 100 / slideCount;

    $('.slider').css({ width: slideWidth, height: slideHeight });

    $('.slider ul').css({ width: sliderUlWidth, marginLeft: -slideWidth });

    $('.slider ul li').css({ width: newWidth + '%' }); // because of the slider is full width

    $('.slider ul li:last-child').prependTo('.slider ul'); // reserve a 'slot' for moving left

    function move(direction) {
        switch (direction) {
            case 'left':$('.slider ul').animate({
                    left: +slideWidth },
                200, function () {
                    $('.slider ul li:last-child').prependTo('.slider ul');
                    $('.slider ul').css('left', '');
                });
                break;
            case 'right':$('.slider ul').animate({
                    left: -slideWidth },
                200, function () {
                    $('.slider ul li:first-child').appendTo('.slider ul');
                    $('.slider ul').css('left', '');
                });
                break;
            default:break;}

    };

    $('a.prev').click(function () {
        move('left');
    });

    $('a.next').click(function () {
        move('right');
    });

});


Вот код html:
<div class="slider" id="slider-01">
      <a href="#" class="next">></a>
      <a href="#" class="prev"><</a>
      <ul>
        <li>
		    <h1></h1>
			<h2></h2>
			<button class="modal-btn bth-head"></button>
		</li>
        <li class="alt"></li>
		<li></li>
      </ul>  
    </div>


Как решить? Данный код не работает
$('#slider-01').change(function () {
        setInterval(function () {
            moveRight();
        }, 3000);
    });
  • Вопрос задан
  • 256 просмотров
Решения вопроса 1
Stimulate
@Stimulate
могу
$('#slider-01').change(function () {
        setInterval(function () {
            move('right');
        }, 3000);
    });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы