Мне нужно, чтобы слайдер работал с колесом мыши - PullRequest
Новая
       25

Мне нужно, чтобы слайдер работал с колесом мыши

0 голосов
/ 08 июля 2011

Пожалуйста, смотрите этот URL: http://whipwap.co.uk/shopsense/slider_example/slider_test.html

и код:

$ (документ) .ready (функция () {

$ ( "контент-слайдер #"). Слайдера ({ MouseWheel: правда, одушевленный: правда, изменить: handleSliderChange, слайд: handleSliderSlide }); });

Теперь я хочу скользить колесом мыши. Как я могу это сделать.

В поисках вашей поддержки.

Спасибо

Дипак

1 Ответ

1 голос
/ 08 июля 2011

В вашем $(document).read() добавьте этот код: 

      $("#content-slider").bind('mousewheel', function(event, delta) {
          var newValue = $(this).slider("value");
          var step = $(this).slider("option", "step");
          if (delta > 0)
              newValue += step;
          else
              newValue -= step;
          $(this).slider("value", newValue);
      });

Возможно, вы захотите уменьшить длину анимации или очистить очередь в handleSliderChange(), поскольку при использовании колесика мыши скольжение становится нервным.

...