Question

使用基本的JSSOR幻灯片，使用 n div图像占位符，其中div以降序或自上而下的顺序读取，就像任何其他普通HTML页面一样，我可以将javascript添加到div中，或者在页面上的其他地方添加javascript，以便在幻灯片div（动画，淡入淡出等）中发生。

问题是它会在加载文档时触发一次。如何使javascript函数“重新触发”，以便在显示循环中出现一个幻灯片（假设幻灯片＃2）时调用它？

如果不够清楚，请随时提出更多问题。

以下是一个示例：Slide Show在第一张幻灯片外观上，使用jQuery animate（）将金牌滚动到幻灯片的中间。它只会执行一次，而不是每次幻灯片出现。原因是当加载html页面时，金牌动画脚本只加载一次。

，每次幻灯片＃1出现时，我都希望金牌动画剧本能够一次又一次地重新加载

Answer 1

幻灯片播放幻灯片0时，请完成此工作。

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

        function SlideshowEndEventHandler(slideIndex, progressBegin, slideshowBegin, slideshowEnd, progressEnd) {
            if (slideIndex == 0) {
                //runs the animation when slideshow plays over at slide 0

                $("#goldmedal").animate({
                    opacity: 0.99,
                    left: "+=490",
                    height: "toggle"
                }, 2500, function () {
                    // Animation complete.
                    $("#goldmedal").animate({ opacity: 0.0 }, 4000, function () {
                        $("#goldmedal").css("left", "0px");
                    });
                });
            }
        }

        jssor_slider1.$On($JssorSlider$.$EVT_SLIDESHOW_END, SlideshowEndEventHandler);


        //As it would not play slideshow at the beginning for slide 0, make a manual trigger at the beginning then.
        SlideshowEndEventHandler(0);

如何让jssor的外观滑动成可触发的事件？

1 个答案: