У слайдера Nivo slider есть один существенный недостаток - одинаковая анимация для смены картинок. То есть если листать картинки как влево, так и вправо - анимация всегда будет одной и той-же. Это не всегда выглядит красиво.
Победить эту проблему получилось только патчем библиотеки. Я приведу пример и приложу исходник.
Открывайте jquery.nivo.slider.js и ищите текст
// Get our vars, это примерно 290 строка.
Добавьте после неё следующую строчку:
var slide_bilo = $('div.nivo-controlNav a.active').attr('rel');
Затем найдите текст
// Run effects, это примерно 360 строка.
Добавьте перед ней следующий код:
if(nudge === 'prev'){
currentEffect = 'slideInLeft';
}
else if (nudge === 'next'){
currentEffect = 'slideInRight';
}
else if (nudge === 'control'){
var slide_stalo = $('div.nivo-controlNav a.active').attr('rel');
var razn = slide_bilo - slide_stalo;
if(razn > 0){
currentEffect = 'slideInLeft';
}else{
currentEffect = 'slideInRight';
}
}
Готово. Теперь при прокрутке влево будет одна анимация, а при прокрутке вправо - другая. Код будет работать при клике на кнопки "влево/вправо", при клике на кнопки навигации и при автоматической смене слайдов.
