JQuery CarouselとJQuery UIスライダ

Question

JQuery UIスライダをJQuery Carouselプラグインで使用することはできますか？

http://jqueryui.com/demos/slider/

http://sorgalla.com/projects/jcarousel/

私はそれがスライダープラグインのchangeイベントにコールバックに関連するだろうと思いますが、私はそれを結ぶためにどのようには考えている。

私のjqueryのこの時にステージは：

$(document).ready(function() { 
    jQuery('#tiles').jcarousel({ 
     //auto: 2, 
     wrap: 'last' 
    }); 

    $("#slider").slider({ 
     change: function(event, ui) { 
     // callback when the slide event fires.   
     } 
    }); 


}); 

でも可能ですか？私はむしろ自分自身でそれを理解するだろうが、どこから始めたらいいのか分からない。

私は簡単にカルーセルのような機能を備えたスライダーを探しましたが、私は悲惨に失敗しました。

感謝〜

編集更新されたコード：

jQuery(document).ready(function() { 

    jQuery("#tiles").jcarousel({ 
     //auto: 2, 
     scroll: 1, 
     buttonNextHTML: null, 
     buttonPrevHTML: null 
    }); 

    $("#slider").slider({ 
     min: 0, 
     max:4, 
     change: function(event, ui) { 
      alert(ui.value); 
      jQuery('#tiles').scroll(jQuery.jcarousel.intval(ui.value));    
     } 
    }); 

}); 

おそらく私はスライダー最小/最大を設定し、そこになりますどのように多くの項目を事前に知る必要がありますか？

おかげで、このページの再

Answer 1

読むのソースコードを - あなたが使用することができ、あなたのスライダーでhttp://sorgalla.com/projects/jcarousel/examples/static_controls.html

：

$("#slider").slider({ 
    change: function(event, ui) {    
     carousel.scroll(jQuery.jcarousel.intval(ui.value));   
    } 
}); 

UPDATE：

function mycarousel_initCallback(carousel) { 
    $(".slider").bind("slidechange", function(event, ui) { 
    carousel.scroll(ui.value); 
    }); 
}; 

jQuery(document).ready(function() { 
    jQuery("#mycarousel").jcarousel({ 
    scroll: 1, 
    initCallback: mycarousel_initCallback, 
    buttonNextHTML: null, 
    buttonPrevHTML: null 
    }); 

    $('.slider1').slider({ 
    value: 1, 
    min:1, 
    max:6,    
    }); 

}); 

Answer 2

はあなたが達成したいですかこのようなもの？ （link）

ソースコードとチュートリアルがあり、あなたのCSS /グラフィックスを変更して、あなただけの罰金する必要があります;-)

編集：ここでは は、豊富な機能を備えた、より強力なスライダー、:) （ありますlink）

Answer 3

それは

$("#slider").slider({ 
    min:1, 
    max:10, 
    slide: function(event, ui) { 
     //$('#tiles').scroll(jQuery.jcarousel.intval(ui.value)); 
     jQuery('#tiles').jcarousel('scroll',ui.value); 
    } 
}); 

作品を思われます。これが最善の方法であるかどうかは分かりませんが、その手口は