javascript实现随机显示图片
2016-11-09 10:42
435 查看
在上一篇博文中介绍了循环幻灯片的实现,这一片博文介绍一下随机图像的显示,废话不多说,线上js代码:
很显然,id:myPicture是HTML文件中img标签的id编号。
其实原理很简单,只需要选用Math对象生成一个随机数,再与图像数组对应即可实现。(Math.floor:求一个最接近该浮点数的整数,它的值小于或等于这个浮点数)。
window.onload = choosePic; function choosePic() { var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg"); var randomNum = Math.floor((Math.random() * myPix.length)); document.getElementById("myPicture").src = myPix[randomNum]; }
很显然,id:myPicture是HTML文件中img标签的id编号。
其实原理很简单,只需要选用Math对象生成一个随机数,再与图像数组对应即可实现。(Math.floor:求一个最接近该浮点数的整数,它的值小于或等于这个浮点数)。
相关文章推荐
- javascript实现刷新页面随机显示图片
- JavaScript实现类似Title Alt功能并且可以显示图片。
- javascript随机显示图片
- 用javascript实现来随机位置出现广告图片
- 用javascript实现图片显示与隐藏
- 用javascript语言在Velocity模板下实现图片循环显示
- 用PHP程序实现随机广告图片显示
- JavaScript 实现背景图片随机浮动2
- 用javascript实现来随机位置出现广告图片
- Javascript 静态页面实现随机显示广告的办法
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- 如何实现图片的随机生成与显示(转载)
- JavaScript 实现背景图片随机浮动
- 用PHP程序实现随机广告图片显示
- JavaScript实现类似TitleAlt功能并且可以显示图片。
- 收藏 不显示删除回复显示所有回复显示星级回复显示得分回复 ASP加javascript实现图片轮流显示(图片路径从数据库中读取)
- JavaScript实现图片轮换显示几种构思
- 用javascript实现图片马赛克后显示并切换
- 实现上传图片之后显示预览javaScript代码
- ASP加javascript实现图片轮流显示(图片路径从数据库中读取)