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>

为什么我看不到传呼机？

4

1 回答 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 或修改它们的 CSS。

于 2015-09-20T02:41:17.307 回答