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>