Не уверен, что я делаю что-то неправильно. Я добавил код сценария 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>