Я использую 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 и javascript файлов responsiveSlides, они такие, как есть, и я добавил файлы, как указано выше.
Вам не хватает $ before (function()...
$(function () {
$("#slider").responsiveSlides({
maxwidth: 800,
speed: 500
});
});
Я получил его с http://jsfiddle.net/3J8vW/2/ с вашим кодом.