隨機圖片顯示語法 (共三個)

1. 隨機圖片簡易版語法

<script>
　document.write('<img src="img/'+parseInt(Math.random()*(5))
　+'.gif"height="40" width="50">')
</script>

　圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif

2. 隨機圖片進階版語法

<script language="javascript">
a = 3
var slump = Math.random();
var talet = Math.round(slump * (a-1))+1;
function create() {
this.src = ''
this.border = ''
this.alt = ''

}

b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }


b[1].src = "simple_images/xml.gif"
b[1].border = "0"
b[1].alt = "圖片一"


b[2].src = "simple_images/alixixi.gif"
b[2].border = "0"
b[2].alt = "圖片二"


b[3].src = "simple_images/logo.gif"
b[3].border = "0"
b[3].alt = "圖片三"

var visa = "";

visa += '<img src='+b[talet].src+' border="0"'+' alt='+b[talet].alt+'>';
</script>
<script language="javascript">
<!-- Hide this script from old browsers --
document.write(visa)
// -->
</script>

3. 隨機圖片外掛 JS 版語法

首先請將下面這段語法貼在存文字檔中，並另存檔為 js 檔案，本範例中為 image.js。

today=new Date();
jran=today.getTime();
function rnd() {
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
return jran/(im*1.0);
};
function rand(number) {
return Math.ceil(rnd()*number);
};
document.write("<center>");
for(i=1;i<=1;i++) {
myNum=(rand(3)); //改成你要隨機顯示的圖片數；
if(myNum == 1) document.write("<img src='images/jk_01.jpg'>"); //圖片路徑，可用http://
if(myNum == 2) document.write("<img src='images/jk_02.jpg'>");
if(myNum == 3) document.write("<img src='images/jk_03.jpg'>");
else {
document.write();
}
};
document.write("</center>");

然後在你要顯示隨機圖片的地方貼上以下語法（注意文件路徑）。

<script src="js/image.js"></script>

完工！