2014-10-17 2 views
0

Не уверен, что я делаю что-то неправильно. Я добавил код сценария JS для обычного, добавили эти два файла .js в каталог. Добавлен HTML в указанное место. Оба изображения одновременно отображаются друг под другом, поэтому HTML прекрасно знает. Что-то не так с вводом кода, либо с ошибкой, либо с проблемой установки. Есть ли что-нибудь, что должно быть измененоКак установить слайдер JSSOR?

**HTML:** 

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

**JS:** 

<!-- it works the same with all jquery version from 1.x to 2.x --> 
<script src="/jquery/jquery.min.js"></script> 
<script src="/jquery/jssor.slider.mini.js"></script> 
<script> 
    jQuery(document).ready(function ($) { 
     //Define an array of slideshow transition code 
     var _SlideshowTransitions = [ 
     {$Duration: 900, $Clip: 1}, 
     {$Duration: 900, $Clip: 2} 
     ]; 
     var options = { 
      $AutoPlay: true, 
      $SlideshowOptions: { 
        $Class: $JssorSlideshowRunner$, 
        $Transitions: _SlideshowTransitions, 
        $TransitionsOrder: 1, 
        $ShowLink: true 
       } 
     }; 
     var jssor_slider1 = new $JssorSlider$('slider1_container', options); 
    }); 
</script> 

ответ

0

Вам нужно либо jssor.slider.min.js или jssor.slider.mini.js.

Пожалуйста, удалите, пожалуйста, следующий код со своей страницы.

<script src="/jquery/jquery.min.js"></script> 
Смежные вопросы