0

メニュー 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);

        

4

0 に答える 0