Не повезло с слайдером изображения

Question

Я использовал слайдер изображения из http://responsiveslides.com/ из-за его простоты, и это именно то, что мне нужно.

Так что для слайдера у вас есть HTML

<ul class="rslides"> 
    <li><img src="1.jpg" alt=""></li> 
    <li><img src="2.jpg" alt=""></li> 
    <li><img src="3.jpg" alt=""></li> 
</ul> 

CSS

.rslides { 
    position: relative; 
    list-style: none; 
    overflow: hidden; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
    } 

.rslides li { 
    -webkit-backface-visibility: hidden; 
    position: absolute; 
    display: none; 
    width: 100%; 
    left: 0; 
    top: 0; 
    } 

.rslides li:first-child { 
    position: relative; 
    display: block; 
    float: left; 
    } 

.rslides img { 
    display: block; 
    height: auto; 
    float: left; 
    width: 100%; 
    border: 0; 
    } 

JS

<script> 
    $(function() { 
    $(".rslides").responsiveSlides(); 
    }); 
</script> 

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

Основной файла JavaScript I Fe Это слишком долго, чтобы надеть сюда, чтобы, если бы вы могли перейти через исходный код, я бы это оценил, но извинился заранее. Я также не мог опубликовать его из-за проблемы с репутацией.

Теперь, когда я использую слайдер, проблема, с которой я сталкиваюсь, - это когда я прикрепляю HTML в теле, мой конечный результат - это изображение # 1 без какого-либо движения, поэтому, по сути, просто пытаюсь понять, почему ,

Я исследовал перед использованием Stackoverflow, чтобы увидеть подобную проблему, и увидел изменения, внесенные в тег маленького скрипта для функции javascript, однако я обновил эти проблемы и ничего не изменил.

Другое дело, когда я проверяю консоль, очевидно, что responseiveSlides не является функцией, но когда я проверяю консоль на исходном слайдере локально, она полностью функциональна и без ошибок.

Любая поддержка будет с благодарностью оценена, она утомительна и, надеюсь, это простая проблема.

С уважением.

Answer 1

Кажется, что проблема несовместимости jquery под рукой. responsiveslides.js использует $slide.size(), тогда как пользователи с jQuery 1.8+ должны использовать $slide.length.

.size() устарел от jQuery 1.8.

использовать вместо этого this version I forked.

Демо: http://jsfiddle.net/svArtist/rfn7z5g2/