javascript - Jssor Slider - 指向特定幻灯片的文本超链接？

Question

我正在使用 Jssor Slider 来显示多个图像。

我有一个单独的缩略图部分，单击该部分时，应该在 slider 中显示较大的图像。

Jssor Slider 有一个 API 可以执行此操作:

jssor_slider1.$GoTo(2);

但是，我不明白如何从超链接运行它。

我尝试过 onClick="jssor_slider1.$GoTo(2);"但这会在控制台中显示“jssor_slider1”未定义的错误。

<script src="js/slider-master/js/jquery-1.9.1.min.js"></script>
<script src="js/slider-master/js/jssor.slider.mini.js"></script>
<script>
    jQuery(document).ready(function($) {

        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };

        var jssor_slider1 = new $JssorSlider$('slider1_container', options);

    });

</script>

这样做的正确方法是什么？谢谢。

Answer 1

将jssor_slider1变量设置为全局变量，您可以在任何地方访问该实例。

另外，jssor_slider1.$PlayTo(2);也是合理的。

<script src="js/slider-master/js/jquery-1.9.1.min.js"></script>
<script src="js/slider-master/js/jssor.slider.mini.js"></script>
<script>
    var jssor_slider1;
    jQuery(document).ready(function($) {

        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };

        jssor_slider1 = new $JssorSlider$('slider1_container', options);

    });

</script>