JCAROUSEL со скроллингом mousewheel

На сайте сделана прокрутка портфолио на основе плагина JCAROUSEL. В плагине отсутствует скроллинг колесиком мышкой, поэтому чтобы его добавить я сделал так:

в хедере добавил плагин mousewheel

<script src="/js/plugs/jquery.mousewheel.js" type="text/javascript" charset="utf-8"></script>

повесил обработку mousewheel div'у карусели и отключил вертикальную прокрутку путем return false; и прокрутку карусели путем вызова событий нажатия кнопок вперед и назад

function CarouselMouseWheel(event, delta) {
if (delta < 0) {  
$('.jcarousel-next-horizontal').click();  
}  else if (delta > 0)

$('.jcarousel-prev-horizontal').click();
}
}
 
$('.karuselka').mousewheel(function (event, delta){
CarouselMouseWheel(event, delta);
return false;
});
Запись опубликована в рубрике Программирование. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>