Jssor 滑块 - 指向特定幻灯片的文本超链接

Jssor Slider - Text hyper link to a particular slide?

本文关键字：幻灯片 文本 超链接 滑块 Jssor      更新时间：2023-09-26

我正在使用Jssor 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>

如何正确做到这一点？谢谢。

将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>
相关文章：