首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jssor多个实例-在第一个jssor实例的$EVT_POSITION_CHANGE事件上更改第二个jssor实例的幻灯片

问jssor多个实例-在第一个jssor实例的$EVT_POSITION_CHANGE事件上更改第二个jssor实例的幻灯片
EN

Stack Overflow用户
提问于 2014-10-19 23:39:31
回答 1查看 785关注 0票数 0

有没有人/ jssor支持人员可以帮助我,当幻灯片放映位置从第一个jssor滑块触发时,如何更改第二个和第三个jssor滑块的图像?我将不胜感激。

谢谢,c

此jssor_slider2.$GoTo(%1);不工作。

++++++++++++++++++++++++++++++

代码语言:javascript
复制
function OnSlidePositionChange(slideIndex, fromIndex) {
    var jssor_slider2 = new $JssorSlider$('slider2_container', { $AutoPlay: false });
    if (slideIndex == 3)
        jssor_slider2.$GoTo(1);
    else 
        jssor_slider2.$GoTo(slideIndex + 1);
}
jssor_slider1.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnSlidePositionChange);

++++++++++++++++++++++++++++++

代码语言:javascript
复制
<script>
jssor_slider1_starter("slider1_container");

jssor_slider2_starter("slider2_container");

jssor_slider3_starter("slider3_container");
</script>

script.js file

jssor_slider1_starter = function (containerId) {
    var jssor_slider1 = new $JssorSlider$(containerId, {
...
}

function OnSlidePositionChange(slideIndex, fromIndex) {

//HELP ME PLEASE HERE.....

        //var jssor_slider2 = new $JssorSlider$('slider2_container', {});
        //if (slideIndex == 3)
        //    nestedSliders[1].$GoTo(1);
        //else 
        //    nestedSliders[1].$GoTo(slideIndex + 1);
    }
    jssor_slider1.$On($JssorSlider$.$EVT_POSITION_CHANGE, OnSlidePositionChange);


}


jssor_slider2_starter = function (containerId) {
    var jssor_slider2 = new $JssorSlider$(containerId, {
......
}
}

jssor_slider3_starter = function (containerId) {
    var jssor_slider3 = new $JssorSlider$(containerId, {
......
}
}
EN

回答 1

Stack Overflow用户

发布于 2014-10-20 15:34:17

$JssorSlider$.$EVT_POSITION_CHANGE在滑动时不间断地触发。$JssorSlider$.$EVT_PARK在幻灯片切换时触发。

请这样做,

代码语言:javascript
复制
function jssor_slider3_starter(containerId_1, containerId_2, containerId_3)
{
    var options1 = {};
    var options2 = {};
    var options3 = {};
    ...
    var jssor_slider1 = new $JssorSlider$(containerId_1, options1);
    var jssor_slider2 = new $JssorSlider$(containerId_2, options2);
    var jssor_slider3 = new $JssorSlider$(containerId_3, options3);
    ...

    function OnSlidePark(slideIndex, fromIndex) {
        if (slideIndex == 3)
            jssor_slider2.$GoTo(1);
        else 
            jssor_slider2.$GoTo(slideIndex + 1);
    }
    jssor_slider1.$On($JssorSlider$.$EVT_PARK, OnSlidePark);
    ...
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26452153

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档