メニュー div、ロゴ div、およびいくつかのテキストを含むヘッダー div があります。スライド ショーを作成したいです。ヘッダーdivの背景画像を変更するJavaScript関数を書いたのですが、今回はスライドショーではなく、GIF画像のようです。画像間をゆっくりとスライドさせます。
私のコードはここにあります
var imageArray = new Array();
var switchMilliseconds = 5000;
// div またはその他の HTML タグの ID を
// 切り替える背景画像。
var divID = "ヘッダー";
// さらに画像を追加するには、以下のパターンを続けます。
imageArray[0] = 'images/header_bg.png';
imageArray[1] = '画像/1.jpg';
imageArray[2] = 'images/header_bg.png';
imageArray[3] = '画像/1.jpg';
// この JavaScript ではこれ以上のカスタマイズは必要ありません
関数publishPicture(i) {
document.getElementById(divID).style.background = 'url("' + imageArray[i] + '")';
i++;
if (i > (imageArray.length - 1)) { i = 0; }
setTimeout('publishPicture(' + i + ')', switchMilliseconds);
}
パブリッシュピクチャー (0);