轉換代碼

我有一個關於轉換代碼的問題。我生成類似的東西由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}}

而我仍然沒有找到答案，我必須把這個代碼裏面。任何人都可以幫助我？我想有像這裏一樣的滑塊http://www.jssor.com/slideshow/x-compound.html。

這裏是我的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>

的Java腳本和其他文件在正確的地方。

來源

2015-10-29 Daniel K

這些是圖書館的選項。看到自己的例子documentation

例如，this example of Slider with Slideshow

<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>

Here都是可用的選項，請注意，並非所有的人似乎都證明

來源

2015-10-31 18:42:05

回答

相關問題