我正在使用responsiveSlides Slider但是在自动模式为真之前它无法正常工作。 我有一个代码如下......
Js代码:
<script src="Scripts/responsiveslides.min.js" type="text/javascript"></script>
<script src="Scripts/responsiveslides.js" type="text/javascript"></script>
<link href="Styles/responsiveslides.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
(function () {
$("#slider").responsiveSlides({
maxwidth: 800,
speed: 500
});
});
</script>
这是css代码:
<style type="text/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;
}
</style>
这是html代码:
<div id="wrapper">
<ul class="rslides" id="slider">
<li>
<img src="Images/slide1.png" alt=""></li>
<li>
<img src="Images/slide2.png" alt=""></li>
<li>
<img src="Images/slide3.png" alt=""></li>
<li>
<img src="Images/slide4.png" alt=""></li>
<li>
<img src="Images/slide5.png" alt=""></li>
</ul>
</div>
我还附上了jquery.min.js版本是v1.8.3:
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
我没有对css&amp;的所有文件做任何改动。 responseSlides文件的javascript,它们就是这样,我上面附有文件。
答案 0 :(得分:1)
你之前缺少$(function()...
$(function () {
$("#slider").responsiveSlides({
maxwidth: 800,
speed: 500
});
});
我的代码正常运行http://jsfiddle.net/3J8vW/2/。