ResponsiveSlides не отображает пейджер

0

Я использую ResponsiveSlides, чтобы сделать слайд некоторых изображений, но у меня есть некоторые проблемы. Прежде всего, автоматический слайд после таймаута не работает. Но моя первая проблема в том, что я не вижу пейджер под картинками, хотя я включил его! Пейджер: http://i.imgur.com/cCV4AOP.png (номер картинки под слайдом) Извините за мой английский и жаль, что я ноб на js & css..

Это мой html-код:

Глава:

<script src="js/responsiveslides.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$("#slider").responsiveSlides({
auto: false,
pager: true,
speed: 300,
maxwidth: 540,
});
});
</script>

Css:

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 90%;
padding: 0;
margin: 55px;
top: -50px;
}

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

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

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

Ползунок на моей странице html:

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

Почему я не вижу пейджер?

  • 0
    Вы можете сделать скрипку? Вот
  • 0
    У меня есть больше CSS и JS файлов в локальной сети, как я могу это сделать?
Показать ещё 4 комментария

1 ответ

0

Я еще не понял, почему, но если вы переключите порядок, в котором вы ссылаетесь на внешние скрипты, он исправляет проблему.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>

Ссылки на страницы неформатированы "ul> li> a", поэтому, чтобы получить внешний вид сайта ResponsiveSlides, вам нужно добавить свой собственный CSS или изменить их.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню