新手提问想要背景图片自动滑动切换应该怎么实现

2013-06-25

新手提问想要背景图片自动滑动切换应该如何实现？如题最后能给个能用的例子！[解决办法]var index 0var

新手提问想要背景图片自动滑动切换应该如何实现？
如题最后能给个能用的例子！
[解决办法]
var index = 0;
var imgs = [
     'Desert.jpg','Lighthouse.jpg'
];

setInterval(function(){
      $('#back').hide(2000,function(){
         index++;
         if(index>=imgs.length) index = 0;
         $('#back').attr('src',imgs[index]).show(2000);
      });
},6000);
[解决办法]

引用:

Quote: 引用:

再问下哈
我现在代码是这样的
<html>
<head>
<title>bgchange</title>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
var index = 0;
var imgs = [
     'Desert.jpg','Lighthouse.jpg'
];
setInterval(function(){
      $('#back').hide(2000,function(){
         index++;
         if(index>=imgs.length) index = 0;
         $('#back').attr('src',imgs[index]).show(2000);
      });
},6000);
</script>
</head>
<body>

<div style="width:100%; height:100%; position:absolute;">
  <img id="back" height = "100%" width = "100%" src="Desert.jpg" style="display:none; position:fixed;"></img>
</div>
</body>
</html>
这样的效果是图片从左上角出现，填充满整个屏幕之后又缩小回去换下一张图。有什么办法可以让他平移进来在平移出去？

你可以用animate函数，具体看jquery的API

热点排行

JavaScript

新手提问 想要背景图片自动滑动切换应该怎么实现

新手提问想要背景图片自动滑动切换应该怎么实现