Как вы можете изменить эффект в Nivo Slider в зависимости от нажатия клавиши предыдущего или следующего слайда?

Я хочу изменить эффект перехода на Nivo Slider в зависимости от того, какая кнопка была нажата. Любые идеи о том, как это сделать?

Обновить Чтобы уточнить, я имел в виду кнопку «Далее» или «Предыдущая», а не кнопку на клавиатуре. Что я ищу, так это то, что если человек нажимает следующую кнопку, вызывается эффект перехода slideToRight. Если человек нажимает предыдущую кнопку, вызывается эффект перехода slideToLeft. Тогда вишенкой на торте будет, если кто-то нажмет на определенный слайд, если он скользит в правильном направлении. Мне нравится Nivo Slider, но мне кажется, что это действия, которые можно выбирать по умолчанию.


carousel jquery nivo-slider
person Chris    schedule 27.04.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Добавьте это в «jquery.nivo.slider.js» перед комментарием «// Запустить эффекты» после комментария и кода в «// Пользовательский переход, как определено атрибутом «data-transition»». Это шоу изменяет текущий эффект, если вы нажимаете на левую или правую стрелку или кнопки. Для этой работы у вас должно быть изображение в HTML без атрибута «переход данных» и эффект по умолчанию, который вы должны определить в «jquery.nivo.slider.js» под комментарием «//Настройки по умолчанию», потому что атрибут «переход данных» предпочтительнее. Я правильно кодирую для своего проекта.

        if(nudge === 'prev'){
            currentEffect = 'slideInLeft';
        } 
        else if (nudge === 'next'){
            currentEffect = 'slideInRight';
        }
        else if (nudge === 'control'){
            currentEffect = 'fade'; /*test*/
        }
person Severe Torture    schedule 21.02.2013

arrow_upward
0
arrow_downward

Использование кнопки

<script type='text/javascript'>
$(document).ready(function() {
    jQuery("#previousButton').click(function (e) {
         e.preventDefault();
         jQuery(".nivo-directionNav .nivo-prevNav").click();
    });
    jQuery("#nextButton').click(function (e) {
         e.preventDefault();
         jQuery(".nivo-directionNav .nivo-nextNav").click();
    });
});
</script>
person Jeno    schedule 14.05.2014