jquery - 使用 jQuery UI 滑块小部件控制 jQuery Cycle？

Question

我想知道是否有一种简单的方法来控制我与 jQuery Cycle 一起使用 UI Slider 小部件的图像幻灯片。

循环代码为：

$(window).load(function(){
    $('.foo').cycle({
        timeout : 80,
        speed : 80 ,
        startingSlide : 0,

    }); 

});

小部件是这样的：

$(function() {
  $( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 300,
    value: 300,
    slide: function( event, ui ) {
      $( "#amount" ).val( ui.value );
      console.log(ui.value);  
    }
  });
  $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ));
});

关于哪些 Cycle 选项可能被 ui 小部件吐出的值操纵的任何想法？谢谢！

Answer 1

抱歉，像往常一样，我在发布后立即解决了它。

jQuery Cycle 代码保持不变：

$(window).load(function(){
    $('.foo').cycle({
        timeout : 80,
        speed : 80 ,
        startingSlide : 0,
    }); 
});

我更改了 UI 小部件代码（请参见最后一行），我只是将小部件值传递给 Cycle。该值实质上设置了活动幻灯片。

$(function() {
  $( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 300,
    value: 300,
    slide: function( event, ui ) {
      $(".foo").cycle(ui.value); 
    }
  });      
});