@BIGO23

Слайдер пролистывает чере один слайд?

Есть слайдер он работает некорректно перелистывает через слайд
Не могу понят что не так
вот код

<div class="carousel-container2">
            <div class="carousel"><a class="control-next" href="#">Prev</a> <a class="control-prev" href="#">Next</a>

                <ul style="width: 2094px; margin-left: -698px;">
                    <li><img alt="" src="/bg/zvn/1.jpg" /></li>
                    <li><img alt="" src="/bg/zvn/2.jpg" /></li>
                    <li><img alt="" src="/bg/zvn/3.jpg" /></li>
                </ul>
            </div>
            <a class="btn zakaz" href="#">Заказать консультацию</a>
		</div>


вот js

$(function() {
  
	var slideCount = $('.carousel ul li').length;
	var slideWidth = $('.carousel ul li').width();
	var slideHeight = $('.carousel ul li').height();
	var sliderUlWidth = slideCount * slideWidth;
	
	$('.carousel ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
	
    $('.carousel ul li:last-child').prependTo('.carousel ul');

    function moveLeft() {
        $('.carousel ul').animate({
            left: + slideWidth
        }, 500, function () {
            $('.carousel ul li:last-child').prependTo('.carousel ul');
            $('.carousel ul').css('left', '');
        });
    };

    function moveRight() {
        $('.carousel ul').animate({
            left: - slideWidth
        }, 500, function () {
            $('.carousel ul li:first-child').appendTo('.carousel ul');
            $('.carousel ul').css('left', '');
        });
    };

    $('.carousel a.control-prev').click(function () {
        moveLeft();
		return false;
    });

    $('.carousel a.control-next').click(function () {
        moveRight();
		return false;
    });
	
	$('.tab-menu .item').mouseover(function(e) {
		$('.tab-menu .item').removeClass('active');
        $(this).addClass('active');
		
		var index = $('.tab-menu .item').index(this);
		
		$('.tab-content .poly').removeClass('active').eq(index).addClass('active');
    });
	
});


ссылка где стоит слайдер
http://sem-nebo.ru/natyazhnye-potolki/v-vannoy/

5a2178a89f34a170358505.jpeg
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
@ned4ded
Верстка, Фронтенд
Добрый вечер. Файл app.js, содержащий исполняющий код для этого слайдера, подключен в двух местах. Полагаю, что удаление одной из ссылок на него ликвидирует проблему, т.к. eventlistner вешается на кнокпи дважды.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы