新JavaScript例文辞典

画像を交互に入れ替える (URLを調べて入れ替える)

説明

画像を交互に入れ替えるには、いくつかの方法があります。ここでは画像のURLを調べて(画像のファイル名から)入れ替え処理を行います。画像のURLは画像オブジェクトのsrcプロパティに入っています。このsrcプロパティを調べファイル名に応じてsrcプロパティに新たな画像のURLを設定します。定期的に画像を入れ替える処理を行わせるためにsetInterval()を使います。

サンプルプログラム

window.onload = function(){
setInterval("this.swapPhoto()", 1000);
}
// 画像を交互に入れ替えるための関数
function swapPhoto(){
var imgObj = document.getElementById("photo01");
if (imgObj.src.indexOf("DSC0001") > -1) {
imgObj.src = "images/DSC0002.jpg";
}else{
imgObj.src = "images/DSC0001.jpg";
}
}
サンプルを実行
[戻る]