Javascript 如何使JSOR幻灯片的外观成为可触发事件？

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

问题是它会触发一次，就像加载文档时一样。如何使javascript函数“可重新触发”，以便在显示循环中出现一张幻灯片（比如幻灯片#2）时调用它

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

---

下面是一个示例：在第一张幻灯片上，使用jQuery animate（）将金牌滚动到幻灯片的中间。它将只执行一次，而不是每次幻灯片出现时。原因是金牌动画脚本仅在加载html页面时加载一次。我希望每次幻灯片#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);