如何在jsssor中使用缩略图和箭头?

时间:2015-01-06 11:04:37

标签: javascript jquery slider jssor

所以我使用jossor作为滑块,但我不知道为什么它有效。如果我使用缩略图箭头不起作用。如果我使用箭头缩略图不起作用。我正在使用以下代码。

jssor_slider1 = function (containerId) {
        var options = {
            $DragOrientation: 3,                                 
            $ArrowNavigatorOptions: {                       
                $Class: $JssorArrowNavigator$,              
                $ChanceToShow: 2,                               
                $AutoCenter: 0,                                 
                $Steps: 1                                 
            },
            $ThumbnailNavigatorOptions: {
                $Class: $JssorThumbnailNavigator$,             
                $ChanceToShow: 2,                              

                $SpacingX: 23,                                  
                $SpacingY: 23,                                   
                $DisplayPieces: 15                              

            }
        };

        var jssor_slider1 = new $JssorSlider$(containerId, options);
    };

这段代码应该让我使用两者。但是只使用缩略图。如果我使用以下代码,则箭头正在运行

jQuery(document).ready(function ($) {
        var options = {
            $DragOrientation: 3,
            $ArrowNavigatorOptions: {                       
                $Class: $JssorArrowNavigator$,              
                $ChanceToShow: 2,                               
                $AutoCenter: 0,                                 
                $Steps: 1                                   
            }
        };

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

0 个答案:

没有答案