[英]setting jquery cycle plugin
I am trying to use a simple slideshow using jquery cycle plugin and It dosen't work and I really don't understand what I am missing? 我正在尝试使用一个使用jquery cycle plugin的简单幻灯片演示,但它不起作用,我真的不明白我所缺少的是什么?
Here is my code: 这是我的代码:
<script src="js/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
<script src="jquery.cycle.all.js" type="text/javascript"></script>
This is the script: 这是脚本:
<script type="text/javascript">
$('#s2').cycle({
fx: 'scrollDown',
easing: 'easeOutBounce',
delay: -2000
});
</script>
CSS: CSS:
<style type="text/css">
.pics {
height: 232px;
width: 232px;
padding: 0;
margin: 0;
position:absolute;
left:520px;
top:120px;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 200px;
height: 200px;
top: 0;
left: 0
}
</style>
These are the Images: 这些是图像:
<div id="s2" class="pics">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
<img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.