Добавление mousewheel.js к jQuery UI slider

[Нарек]

Здравствуйте. Никак не могу решить проблему. Есть слайдер сделанный по такому принципу http://jqueryui.com/slider/#side-scroll

 

html 

<div class="ui-slide-range">    <div id="sliderContent">		        <div class="viewer ui-corner-all">            <div class="content-conveyor ui-helper-clearfix">                <div class="item">                    <img src="img/item4.jpg" height="152" width="205" alt="">		        </div>            </div>       </div>        <div id="slider"></div>    </div></div> 

js

$(function() {            //vars    var conveyor = $(".content-conveyor", $("#sliderContent")),    item = $(".item", $("#sliderContent"));        //set length of conveyor    conveyor.css("width", item.length * parseInt(item.css("width")));                //config        var sliderOpts = {      max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#sliderContent")).css("width")),          slide: function(e, ui) {             conveyor.css("left", "-" + ui.value + "px");          }        };        //create slider        $("#slider").slider(sliderOpts);      });$( "#slider" ).slider({                range: "min",                value: 1,                slide: function() {                    update();                }}); 

не хочет привязаться.. Может кто столкнулся с такой проблемой. Прошу помощи.

Edited July 22, 2014 by Нарек

[Нарек]

upd: Я про mousewheel.js http://plugins.jquery.com/mousewheel/

[Нарек]

Нашел ответ на свой вопрос, может кому пригодиться. 

 

http://jsfiddle.net/GEfMG/

[Great Rash]

[Нарек]

Не совсем корректно, знал бы js сделал бы без плагинов) Так как не знаю, приходится выкручиваться как получится)