2010年冬奥会的网站中这个效果是如何实现的？

Question

声明一个图片地址的数组
var imgArr = ["a.jpg","b.jpg"];
修改img中的src<img src=>，随机从imgArr中抽取一个赋值给src

Answer 1

二楼的大哥能在具体些吗？我对这方面很不了解，比如说如何让它每刷新一次就变换呢？用什么去触发这个事件呢？
<img src=这里该如何写呢？>
老师明天就要作品了很着急！谢谢各位了！

Answer 2

<script>
var imgArr = ["a.jpg","b.jpg","c.jpg"]; 
window.onload = function(){
   var index = Math.floor(Math.random()*imgArr.length);
   image.src = imgArr[index];
}
</script>
<img id="image">

Answer 3

这个就是当页面加载时，一次性把要显示图片的地址全部读取到JS变量中。如果是固定的几张，那么就不用AJAX读取数据库了。直接写死在变量中就行。然后每次页面加载随即抽取某一个图片显示就行了

Answer 4

<script>
document.write("<img src=http://www.teetaa.com/images/icon_img/I8_icon_"+Math.round(Math.random()*10)+".gif>")
</script>这个好像还简单些
兼容FF

Answer 5

感谢各位，我按照5楼大哥的做了可是不显示（a，b，c图片路径没问题）。可是就是不显示。<img id="image">
我放到body标签里面了，谁知道是什么问题呢？？

Answer 6

分两部
第一部是将所有图片名称写到数组中，当页加载后将当前的图片对应的数组Index保存到Cookie中。
第二部是刷新页时，先去读Cookie中的Index值，Index+1或都其它的算法，这个你自己确定就就行了，将得到运算后值去图片数组中读取图名就行了，不过在值计算后要进行判断，是否超过组界，如果超出你可以定义从0开始