2014-09-17 2 views
1

Я использую слайдер Jssor в нескольких областях на моем сайте и хотел бы продолжать использовать его, однако в этом случае мне нужно, чтобы он больше напоминал шатер вместо слайд-шоу. Это возможно?Jssor непрерывное вращение без остановки

Вот мой код: HTML:

<div id="logo-slide-container"> 
    <div class="logo-slides" u="slides"> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
     <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div> 
    </div> 
</div> 

JS:

$(document).ready(function ($) { 
    var options = { 
      $AutoPlay: true, 
      $PlayOrientation: 2, 
      $AutoPlayInterval: 1, 
      $SlideDuration: 3500,                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      $DisplayPieces: 5 
    }; 
    var jssor_slider1 = new $JssorSlider$("logo-slide-container", options); 
}); 

Я хотел бы, чтобы поворачивать без остановки, хороший постоянный свиток. Вот Fiddle того, что у меня есть. Любая помощь приветствуется.

ответ

1
$(document).ready(function ($) { 
    var options = { 
      $AutoPlay: true, 
      $PlayOrientation: 2, 
      $SlideEasing: $Jease$.$Linear,   
      $Idle: 0, 
      $SlideDuration: 3500, 
      $DisplayPieces: 5 
     }; 
    var jssor_slider1 = new $JssorSlider$("logo-slide-container", options); 
}); 

См http://jsfiddle.net/b6qpdyex/4/