JavaScriptでイメージ操作－ Esprit's Style －エンジニアの足つぼ

画像の切り替え

〆開くたびに画像をランダムに表示します

JavaScript

　File　　Edit　　Tool　　Help

更新ボタンを押すと画像が切り替わります

<form>
    <input type="button" value="更新" onClick="location.reload()"></input>
</form>

<script type="text/javascript">
    var PhotoMax = 20;
    var PhotoNo;

    do{
        // 写真のファイルは Photo10.jpgからPhoto20.jpgまでなので9を足しています
        PhotoNo = Math.ceil(Math.random()*100)+9;
    } while (PhotoNo > (PhotoMax-1));

    document.write("<img src='../img/photo" + PhotoNo + ".jpg'
         align='top' alt='' border='0' />  ");
    PhotoNo += 1;
    document.write("<img src='../img/photo" + PhotoNo + ".jpg'
         align='top' alt='' border='0' /><br />");
</script>