jssor滑块同时滑动

Question

我有两个Jssor＆＃34; near-image-partial-visible-slider＆＃34;在同一页面上，我希望他们在同一时间滑动/移动。这可能吗？有人能告诉我怎么能实现这个目标？ 谢谢！

Answer 1

var jssor_slider1 = new $JssorSlider$(...;

//set $AutoPlay: false for the second slider
var options2 = {
    ...,
    $AutoPlay: false,
    ...
}

var jssor_slider2 = new $JssorSlider$("slider2_container", options2);

function OnPositionChange(position) {
    //let jssor_slider2 go to the same position as jssor_slider1
    jssor_slider2.$GoTo(position);
}

//listen $JssorSlider$.$EVT_POSITION_CHANGE on jssor_slider1
jssor_slider1.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnPositionChange);

使slider1与slider2一起滑动

var jssor_slider1 = new $JssorSlider$(...;
var jssor_slider2 = new $JssorSlider$(...;

function OnPositionChange(position) {
    //let jssor_slider1 go to the same position as jssor_slider2
    jssor_slider1.$GoTo(position);
}

//listen $JssorSlider$.$EVT_POSITION_CHANGE on jssor_slider2
jssor_slider2.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnPositionChange);

修改

var jssor_slider1 = new $JssorSlider$(...;
var jssor_slider2 = new $JssorSlider$(...;

function OnPositionChange(position) {
    jssor_slider1.$GoTo(position);
    jssor_slider2.$GoTo(position);
}

jssor_slider1.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnPositionChange);
jssor_slider2.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnPositionChange);