Jquery 转换码_Jquery_Transition - Fatal编程技术网

Jquery 转换码

jquery

Jquery 转换码,jquery,transition,Jquery,Transition,我有一个关于转换代码的问题。我是通过Jssor生成器生成这样的东西的 {$Duration:4000,x:-1,y:0.7,$Delay:80,$Cols:12,$Clip:11,$Move:true,$During:{$Left:[0.35,0.65],$Top:[0.35,0.65],$Clip:[0,0.1]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:2049,$Ea

我有一个关于转换代码的问题。我是通过Jssor生成器生成这样的东西的

{$Duration:4000,x:-1,y:0.7,$Delay:80,$Cols:12,$Clip:11,$Move:true,$During:{$Left:[0.35,0.65],$Top:[0.35,0.65],$Clip:[0,0.1]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:2049,$Easing:{$Left:$JssorEasing$.$EaseOutQuad,$Top:$JssorEasing$.$EaseOutJump,$Clip:$JssorEasing$.$EaseOutQuad},$ScaleClip:0.7,$Round:{$Top:4}}

我仍然没有找到一个答案，我必须把这个代码放在哪里。有人能帮我吗？我想要和这里一样的滑块

这是我的HTML代码

    <body style="background-image: url(IMG_1411.jpg); background-position: center; background-repeat: no-repeat;">



<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jssor.slider.mini.js"></script>

<script>

        jQuery(document).ready(function ($) {
            var options = {

                $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $DragOrientation: 1                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)



                        };

            var jssor_slider1 = new $JssorSlider$("slider1_container", options);
        });
    </script>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div><img u="image" src="image1.jpg" /></div>
        <div><img u="image" src="image2.jpg" /></div>
    </div>
</div>


jQuery（文档）.ready（函数（$）{
变量选项={
$AutoPlay:true，//[可选]是否自动播放，若要启用幻灯片放映，此选项必须设置为true，默认值为false
$DragOrientation:1//[可选]拖动幻灯片的方向，0不拖动，1水平，2垂直，3任意，默认值为1（请注意，$DISPLAYPIGES大于1或停车位置不为0时，$DRAGORIENTION应与$PLAYORIENTION相同）
};
var jssor_slider1=新的$JssorSlider$（“slider1_容器”，选项）；
});

Java脚本和其他文件都在正确的位置

这些是库的选项。请参见中的示例

比如说,


jssor\u滑块1\u启动器=功能（容器ID）{
//定义幻灯片放映转换代码数组
变量_幻灯片切换=[
{code1}，
{code2}，
{code3}
];
变量选项={
$AutoPlay：对，
$slideshow选项：{
$Class:$JssorSlideshowRunner$，
$Transitions:_幻灯片放映Transitions，
$Transitions订单：1，
$ShowLink:正确
}
};
var jssor_slider1=新的$JssorSlider$（containerId，选项）；
};

如果所有选项都可用，请注意并非所有选项都有文档记录

<script src="jssor.slider.min.js"></script>
<script>
    jssor_slider1_starter = function (containerId) {
        //Define an array of slideshow transition code
        var _SlideshowTransitions = [
        { code1 },
        { code2 },
        { code3 }
        ];
        var options = {
            $AutoPlay: true,
            $SlideshowOptions: {
                    $Class: $JssorSlideshowRunner$,
                    $Transitions: _SlideshowTransitions,
                    $TransitionsOrder: 1,
                    $ShowLink: true
                }
        };
        var jssor_slider1 = new $JssorSlider$(containerId, options);
    };
</script>