Листание слайдера движением мыши

302
05 февраля 2019, 14:50

Возникла задача: листание меню движением мыши влево вправо. Само меню решено сделать слайдером (для облегчения работы). Но мышь. Не встречал ли кто готовых решений. Самому приходит в голову подсчитывать смещение влево вправо и, как достигнет определенного значения, вызывать событие смены слайда и сбрасывать счетчик

Answer 1

Если вдруг кому будет интересно, решил так:

var mCounter = 0, mDirect = 'prev', mLast;
$('.block-menu').on('mousemove', function(e) {
    if(e.pageX > mLast) {
        if(mDirect == 'prev') {
            mDirect = 'next';
            mCounter = 0
        }
        ++mCounter
    }
    else if(e.pageX < mLast) {
        if(mDirect == 'next') {
            mDirect = 'prev';
            mCounter = 0
        }
        --mCounter
    }
    if (mCounter == 15) {
        owlMain.trigger('next.owl.carousel');
        mCounter = 0;
    }
    else if (mCounter == -15) {
        owlMain.trigger('prev.owl.carousel');
        mCounter = 0;
    }
    mLast = e.pageX
});
READ ALSO
Как получить символы из строки (все символы по отдельности)?

Как получить символы из строки (все символы по отдельности)?

У меня есть такой вопрос как получить символы из строки? Пример: Пользователь вводить text; нужен в таком варианте в массиве(или в переменный)...

278
Рефакторинг фильтрации

Рефакторинг фильтрации

Подскажите, как можно отрефакторить такой метод фильтрации:

252
Переключение между классами

Переключение между классами

Не могу разобраться, как удалить class="open" у class="options"Когда раскрыт select при клике на другой select, тот который открыт, закрывался, а на который нажали,...

266