用jquery 做图片自动播放要怎么做？把需要的函数给我下!谢谢
展开全部
我简单实现了一个纯静态页面的，没有和服务器交互。如果你要从服务器端把图片取出来，原理相通，可以把保存图片名称的imgArray数组换成服务器传来的图片url。<html>
<head>
<script type="text/javascript" src="jq/jquery.js"></script>
<script type="text/javascript">
var imgArray = new Array("1317.jpg", "3.jpg","yz.jpg");//同路径文件夹下有"1317.jpg", "3.jpg","yz.jpg"这三张图片,将其文件名保存至imgArray数组
var i=0, //计数器
len = imgArray.length;//imgArray数组长度
$(document).ready(function() {
$("img").attr("src", "xxx.jpg");//页面加载后，图片为xxx.jsp
change();//调用change函数
});
function change() {
//若i小于imgArray数组长度，递归调用change()函数
if (i < len) {
$("img").attr("src", imgArray[i++]);//改变img的src属性
setTimeout("change()", 2000);//设置2秒刷新一次
}
}
</script>
</head>
<body>
<img alt="" src="">
</body>
</html>
<head>
<script type="text/javascript" src="jq/jquery.js"></script>
<script type="text/javascript">
var imgArray = new Array("1317.jpg", "3.jpg","yz.jpg");//同路径文件夹下有"1317.jpg", "3.jpg","yz.jpg"这三张图片,将其文件名保存至imgArray数组
var i=0, //计数器
len = imgArray.length;//imgArray数组长度
$(document).ready(function() {
$("img").attr("src", "xxx.jpg");//页面加载后，图片为xxx.jsp
change();//调用change函数
});
function change() {
//若i小于imgArray数组长度，递归调用change()函数
if (i < len) {
$("img").attr("src", imgArray[i++]);//改变img的src属性
setTimeout("change()", 2000);//设置2秒刷新一次
}
}
</script>
</head>
<body>
<img alt="" src="">
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
