Javascript 如何运行Jssor滑块转换

Javascript 如何运行Jssor滑块转换,javascript,jquery,slider,slideshow,jssor,Javascript,Jquery,Slider,Slideshow,Jssor,这是我的代码和我必须修改的示例。它正在运行: <script src="js/jssor.slider-28.0.0.min.js" type="text/javascript"></script> <script type="text/javascript"> window.jssor_1_slider_init = function() { var

这是我的代码和我必须修改的示例。它正在运行:

<script src="js/jssor.slider-28.0.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideoTransitions = [
              [{b:-1,d:1,ls:0.5},{b:0,d:1000,y:5,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:200,d:1000,y:25,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:400,d:1000,y:45,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:600,d:1000,y:65,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:800,d:1000,y:85,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:500,d:1000,y:195,e:{y:6}}],
              [{b:0,d:2000,y:30,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:100},{b:0,d:1500,y:30,o:1,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:-100},{b:0,d:1500,y:100,o:0.8,e:{y:3}}],
              [{b:500,d:1500,o:1}],
              [{b:0,d:1000,y:380,e:{y:6}}],
              [{b:300,d:1000,x:80,e:{x:6}}],
              [{b:300,d:1000,x:330,e:{x:6}}],
              [{b:-1,d:1,r:-110,sX:5,sY:5},{b:0,d:2000,o:1,r:-20,sX:1,sY:1,e:{o:6,r:6,sX:6,sY:6}}],
              [{b:0,d:600,x:150,o:0.5,e:{x:6}}],
              [{b:0,d:600,x:1140,o:0.6,e:{x:6}}],
              [{b:-1,d:1,sX:5,sY:5},{b:600,d:600,o:1,sX:1,sY:1,e:{sX:3,sY:3}}]
            ];

            var jssor_1_options = {
              $AutoPlay: 1,
              $LazyLoading: 1,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $SpacingX: 20,
                $SpacingY: 20
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 3000;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>
当我进行修改时,图片将全部消失,没有滑块显示。

    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideoTransitions = [{
                $Duration:500,
                $Delay:12,
                $Cols:10,
                $Rows:5,
                $Opacity:2,
                $Clip:15,
                $SlideOut:true,
                $Formation:$JssorSlideshowFormations$.$FormationStraightStairs,
                $Assembly:2049,
                $Easing:$Jease$.$OutQuad                   
            }];

            var jssor_1_options = {
              $AutoPlay: 1,
              $LazyLoading: 1,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $SpacingX: 20,
                $SpacingY: 20
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 3000;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>

window.jssor_1_slider_init=function(){
var jssor_1_SlideoTransitions=[{
$Duration:500,
$Delay:12,
$Cols:10,
$Rows:5,
$2,
$Clip:15,
$SlideOut:true,
$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,
$2049,
$Easing:$Jease$.$OutQuad
}];
var jssor_1_选项={
$AutoPlay:1,
$LazyLoading:1,
$CaptionSliderOptions:{
$Class:$JssorCaptionSlideo$,
$Transitions:jssor_1_slideotations
},
$Arrow导航选项:{
$Class:$jssorarrowsnavigator$
},
$BulletNavigatorOptions:{
$Class:$JssorBulletNavigator$,
$SpacingX:20,
$SpacingY:20
}
};
var jssor_1_slider=新的$JssorSlider$(“jssor_1”,jssor_1_选项);
/*#区域响应代码开始*/
var MAX_WIDTH=3000;
函数ScaleSlider(){
var containerElement=jssor_1_滑块$Elmt.parentNode;
var containerWidth=containerElement.clientWidth;
if(集装箱宽度){
var expectedWidth=Math.min(最大宽度| |集装箱宽度,集装箱宽度);
jssor_1_滑块。$ScaleWidth(预期宽度);
}
否则{
设置超时(ScaleSlider,30);
}
}
ScaleSlider();
$Jssor$.$AddEvent(窗口,“加载”,缩放滑块);
$Jssor$.$AddEvent(窗口,“调整大小”,缩放滑块);
$Jssor$.$AddEvent(窗口,“方向更改”,缩放滑块);
/*#端域响应代码端*/
};
请问我做错了什么


感谢

以下是缺少的行:
var jssor_1_slideshowtransfortions=[{$Duration:1000,$Delay:12,$Cols:10,$Rows:5,$Opacity:2,$Clip:15,$SlideOut:true,$Formation:$jssorslideshowtheformations$.$FormationStraightStairs,$Assembly:2049,$ease:$Jease$.$OutQuad}
var jssor_1_选项={$AutoPlay:1,$LazyLoading:1,$SlideshowOptions:{$Class:$JssorSlideshowRunner$,$Transitions:jssor_1_SlideshowTransitions,$Transitions顺序:1},
    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideoTransitions = [{
                $Duration:500,
                $Delay:12,
                $Cols:10,
                $Rows:5,
                $Opacity:2,
                $Clip:15,
                $SlideOut:true,
                $Formation:$JssorSlideshowFormations$.$FormationStraightStairs,
                $Assembly:2049,
                $Easing:$Jease$.$OutQuad                   
            }];

            var jssor_1_options = {
              $AutoPlay: 1,
              $LazyLoading: 1,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $SpacingX: 20,
                $SpacingY: 20
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 3000;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>