Jquery工具，范围在滑动上

我似乎不知道如何使用onSlide事件，jquerytools的论坛似乎也不起作用

基本上，我希望在幻灯片上获得当前范围值，而不是onchange

下面是我为onchange所做的工作，但我希望在滑动范围选择器时获得当前值

我一直在尝试的JS：

$(function () {

      $("#slideshow img").each(function(index, element){$(element).attr("id", index+1);});    

      var count = $("#slideshow img").length;

      $('#slideshow img:gt(0)').hide();
      $("#date p").text($("#slideshow img#1").attr("alt"));

      $(":range").rangeinput({
            precision: 0, value: 1, min: 1, max: count,
            onSlide: function() {
                console.log("you\'re sliding");
                //this is where i want to update do stuff on slide I think? but it won't work
                return true;
              }   
        });

      $(':range').bind('onSlide', function(){})
      $(":range").change(function(event, value) {
          //i'd like to do this onslide
          console.info("value changed to", value);
          $('#slideshow img').hide();
          $('#slideshow img#' + value).show();
          $("#date p").text($("#slideshow img#" + value).attr("alt"));
      });

  });​

---

非常感谢任何想法，因为我不知道……

首先，不要使用JSFIDLE，因为它不包括jQuery工具库。第二，将量程输入代码更改为：

$(":range").rangeinput({
    precision: 0, value: 1, min: 1, max: count,
    onSlide: function(event, i) {
        $('#slideshow img').hide();
        $('#slideshow img').eq(i).show(); 
        // the way you had works too, but you don't have to assign id's this way
        $("#date p").text($("#slideshow img").eq(i).attr("alt"));

    }   
});

并确保包括jQuery工具（包括jQuery）