Megalexandros
@Megalexandros
Задаю самые тупые вопросы.

Можно ли добавить в этот код свайп слайдера?

Попался кастомный слайдер , все устраивает , кроме того что нет свайпа , переключатель - только dots.
//Slider
var slSpead = 700; //скорость перелистывания слайдов
var slTimeOut = 86400000; //время задежки показа слайда
var slNeedLinks = false; //управляет ссылками "Следующий " и "Предыдущий" - если значение этой переменной равно true, то эти ссылки будут отображаться, а если false, то соответственно их не будет
//определяем скорось для оперымини
var isMobile = {
    Opera: function () {
        return navigator.userAgent.match(/Opera Mini/i);
    }
};
if (isMobile.Opera()) {
    slSpead = 100;
};
///
$(document).ready(function (e) {
    $('.slide').css({
        "position": "absolute"
        , "top": '0'
        , "left": '0'
    }).hide().eq(0).show();
    var slideNum = 0; //счетчик, номер активного слайда
    var slideTime;
    slideCount = $("#slider .slide").size();
    var animSlide = function (arrow) { // Основная функция, логика нашего слайдера
        clearTimeout(slideTime);
        $('.slide').eq(slideNum).fadeOut(slSpead);
        if (arrow == "next") {
            if (slideNum == (slideCount - 1)) {
                slideNum = 0;
            } else {
                slideNum++
            }
        } else if (arrow == "prew") {
            if (slideNum == 0) {
                slideNum = slideCount - 1;
            } else {
                slideNum -= 1
            }
        } else {
            slideNum = arrow;
        }
        $('.slide').eq(slideNum).fadeIn(slSpead, rotator);
        $(".control-slide.active").removeClass("active");
        $('.control-slide').eq(slideNum).addClass('active');
    };
    if (slNeedLinks) {
        var $linkArrow = $('<button id="prewbutton"></button><button id="nextbutton"></button>')
            .prependTo('#slider');
        $('#nextbutton').click(function () {
            animSlide("next");

        });
        $('#prewbutton').click(function () {
            animSlide("prew");
        })
    }
    var $adderSpan = '';
    $('.slide').each(function (index) {
        $adderSpan += '<span class = "control-slide">' + index + '</span>';
    });
    $('<div class ="sli-links">' + $adderSpan + '</div>').appendTo('#slider-wrap');
    $(".control-slide:first").addClass("active");

    $('.control-slide').click(function () {
        var goToNum = parseFloat($(this).text());
        animSlide(goToNum);
    });
    var pause = false; //отвечает за остановку слайдера, если user навел курсор на слайд
    var rotator = function () {
        if (!pause) {
            slideTime = setTimeout(function () {
                animSlide('next')
            }, slTimeOut);
        }
    };
    $('#slider-wrap').hover(
        function () {
            clearTimeout(slideTime);
            pause = true;
        }
        , function () {
            pause = false;
            rotator();
        });
    rotator();
});
$(document).ready(function(){
     $("#link").on("click","a", function (event) {
             event.preventDefault();
             var id  = $(this).attr('href'),
                     top = $(id).offset().top;
             $('body,html').animate({scrollTop: top}, 800);
    });
});

Мог бы использовать слик , но а вдруг есть возможность добавить свайп тут)
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 1
Robur
@Robur
Знаю больше чем это необходимо
Можно, ничего не запрещает, добавляйте.
Ответ написан
Ваш ответ на вопрос

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

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