利用JavaScript显示随机图像

显示随机图像有其一定的意义,比如网站的上的随机标题,或者你很懒不经常更新网站,那么显示随机图像就能让你的访问者认为你经常更新的假象,当然时间长了就不起效果了。我主要从理论上讲解用JavaScript显示随机图像的技术,至于具体应用自己决定。

利用JavaScript显示随机图像的原理。将文件名存储在一个数组中,然后用JavaScript生成数组长度范围内的随机数,最后在网页加载时加载与随机数对应的图像。原理很简单,实现起来也不复杂。

首先创建一个(X)HTML文件,在<body></body>标签中加入img元素:

<img src=”image/road.jpg” id=”randomImage” name=”randomImage” height=”300” width=”300” />

这段代码假设图片在image文件夹中。预先设置src属性是防止用户的浏览器没有开启JavaScript而显示的默认图片。id是关键,是JavaScript函数加载图像的桥梁。

Continue reading