Jssor 슬라이더

Question

여기

난 당신이 내가 애니메이션을하고 싶다고 넓은 큰 배너 1172px을 볼 수 있습니다

Aboe shoutbox www.multi-head.pl 스크립트를 붙여 넣기 한 페이지에 대한 링크입니다 시작되지 않습니다 코드에있는 다른 사람들과 문제는 슬라이더가 이미지를 표시하고 있지만 시작하고 싶지 않다는 것입니다.

<center> 

<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.utils.js"></script> 
<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.slider.js"></script> 
<script> 
    jssor_slider1_starter = function (containerId) { 
     //Reference http://www.jssor.com/development/slider-with-slideshow-no-jquery.html 
     //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html 

     var _SlideshowTransitions = [ 
     //Fade 
     { $Duration: 1200, $Opacity: 2 } 
     ]; 

     var options = { 
      $SlideDuration: 800,        //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 
      $DragOrientation: 3,        //[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) 
      $AutoPlay: true,         //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false 
      $AutoPlayInterval: 1500,       //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 
      $SlideshowOptions: {        //[Optional] Options to specify and enable slideshow or not 
       $Class: $JssorSlideshowRunner$,     //[Required] Class to create instance of slideshow 
       $Transitions: _SlideshowTransitions,   //[Required] An array of slideshow transitions to play slideshow 
       $TransitionsOrder: 1,       //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random 
       $ShowLink: true         //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false 
      } 
     }; 

     var jssor_slider1 = new $JssorSlider$(containerId, options); 
    } 
</script> 
<!-- Jssor Slider Begin --> 
<!-- You can move inline styles to css file or css block. --> 
<div id="slider1_container" style="position: relative; width: 1171px; 
    height: 257px;"> 

    <!-- Loading Screen --> 
    <div u="loading" style="position: absolute; top: 0px; left: 0px;"> 
     <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; 
      background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;"> 
     </div> 
     <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center; 
      top: 0px; left: 0px;width: 100%;height:100%;"> 
     </div> 
    </div> 

    <!-- Slides Container --> 
    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1171px; height: 257px; 
     overflow: hidden;"> 
     <div> 
      <img src="http://i60.tinypic.com/bit2sk.png" />   
     </div> 
     <div> 
      <img src="http://i60.tinypic.com/a1s1t0.png"/> 
     </div> 
     <div> 
      <img src="http://i57.tinypic.com/2nsxbnk.png" /> 
     </div> 
    </div> 
    <a style="display: none" href="http://www.jssor.com">content slider</a> 
    <!-- Trigger --> 
    <script> 
     jssor_slider1_starter('slider1_container'); 
    </script> 
</div> 

이 나는 ​​내부의 코드를 붙여 어떻게?

단서가 있습니까?

Answer 1

당신은 사용할 수 있습니다

<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.core.js"></script> 
<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.utils.js"></script> 
<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.slider.js"></script> 

또는

<script type="text/javascript" src="http://multi-head.pl/public/js/jssor.slider.min.js"></script>