ResponsiveSlides を使用していくつかの写真のスライドを作成していますが、いくつか問題があります。まず、タイムアウト後の自動スライドが機能しません..しかし、私の最初の問題は、ページャーを有効にしたにもかかわらず、写真の下にページャーが表示されないことです! ページャーは次のとおりです: http://i.imgur.com/cCV4AOP.png (スライドの下の画像の番号)
これは私の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>
ページャが表示されないのはなぜですか?