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

Question

我想知道是否有一种简单的方法来控制图像幻灯片，我已经与UI滑块小工具一起使用jQuery Cycle。

循环代码：

$(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")); 
}); 

上周期选项可能由UI部件被吐出的值进行操作的任何想法？谢谢！

Answer 1

对不起，像往常一样，我发布后立即解决。

jQuery的循环码保持不变：

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

我改变UI部件代码（见最后一行），为这样的，其中I简单地传递插件值插入周期。该值本质上设置了活动幻灯片。

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