Управление циклом jQuery с помощью jQuery UI слайдер-виджет?

Question

Мне интересно, есть ли простой способ управления слайд-шоу изображений, с которым я работаю с jQuery Cycle с виджетами слайдера UI.

код Цикл:

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

Любые идеи, на которых параметры цикла могут быть манипулирует значениями, что пользовательский интерфейс виджета выбрасывающих? Спасибо!

Answer 1

Извините, как обычно, я решил это сразу после публикации.

JQuery код цикла остается прежним:

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

И я изменил код UI виджета (см последнюю строку), как, например, где я просто передать значение виджета в цикл. Это значение существенно устанавливает активный слайд.

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