基本的に、このスクリプトを使用して 2 つのランダムな画像が生成されるページがあります。
<script type="text/javascript">
<!--
var imlocation = "images/";
var currentdate = 0;
var image_number = 0;
function ImageArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}
image = new ImageArray(3)
image[0] = 'image1.gif'
image[1] = 'image2.gif'
image[2] = 'image3.gif'
var rand = 60/image.length
function randomimage() {
currentdate = new Date()
image_number = currentdate.getSeconds()
image_number = Math.floor(image_number/rand)
return(image[image_number])
}
document.write("<img src='" + imlocation + randomimage()+ "'>");
//-->
</script>
両方の画像がランダムになるように、異なる変数を使用してもう一度繰り返します。両方の画像のサイズを同じにする必要があります。CSS は、.img を使用して高さと幅を指定するトリックを行っていないようです。私がそれを行うことができる別の方法はありますか?