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

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

Answer 1

抱歉，像往常一样，我在发布后立即解决了这个问题。

jQuery循环代码保持不变：

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

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

1 个答案: