just photo

JCarousel и Mouse Wheel

Vitaliy 19/07/2009

Есть для jQuery очень популярный плагин jCarousel - листалка.

По умолчанию в плагине нет поддержки мышкиного скролла,
что вобщем-то в большинстве случаев оказывается необходимо.

Как сделать так, чтобы при наведении мышкой на листалку и использовании колесика
картинки перелистывались. Это очень просто.

1. Включаем и настраиваем как нам надо jCarousel,
документация для этого плагина здесь - http://sorgalla.com/projects/jcarousel/

2. Подключаем универсальный плагин для мышкиного скролла Mouse wheel.

3. Добавляем поддержку скролла для нашей карусели :)

$('.jcarousel')
    .mousewheel(function(event, delta) {
        if (delta > 0)
            $('.jcarousel-next-vertical').NEXTFUNCTION;
        else if (delta < 0)
            $('.jcarousel-prev-vertical').PREVIOUSFUNCTION;
            return false; // prevent default
});
тэги:
Гость (Не проверено), 11/06/2010

Последний пункт - улет!

А как добавляем то? )

Vitaliy, 11/06/2010

В каждом конкретном случае подключается так, как вам надо

пример подключения смотреть здесь:
живая страничка http://art-salat.ru/catalog/salads
view-source:http://art-salat.ru/catalog/salads/

там подключение происходит в jcar.js

пнх (Не проверено), 11/05/2011

уважаемый, если пишешь о чем то, то делай это на совесть, подробно. такую бесполезную инструкцию кто угодно написать может.

Lector (Не проверено), 28/05/2011

Как подружить карусель с маусвилом:

1. берём карусель
2. берём маусвил
3. ???
4. PROFIT!

Vitaliy, 28/05/2011

ну не знал я, что сайт, для которого я это прикручивал уже прикрыли

Отправить новый комментарий

Содержимое этого поля хранится скрыто и не будет показываться публично.
  • Адреса страниц и электронной почты автоматически преобразовываются в ссылки.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Автоматический перевод строки.
  • Вы можете публиковать код, размещая его в <code>...</code> (generic) или в <?php ... ?> (раскрашенный PHP).

Дополнительная информация о настройках форматирования