2

現在、div タグ内に画像を含む Web ページを作成しています。一定時間後に画像を変更するスクリプトを作成しましたが、スクリプトを単独でテストすると問題なく動作します。Web ページ内にスクリプトを配置しようとしても、画像は変更されません。

私のスクリプトのコードは次のとおりです。

<!DOCTYPE html>
<html>
    <body>
        <script>
            images = new Array;
            images[0] = "img2.gif";
            images[1] = "img3.gif";
            images[2] = "img4.gif";
            images[3] = "img5.gif";
            images[4] = "img6.gif";
            images[5] = "img7.gif";
            images[6] = "img8.gif";
            images[7] = "img9.gif";
            images[8] = "img10.gif";

            setInterval( function() {
                changeImage()
            }, 5000);

            x = 0;

            function changeImage() {
                document.getElementById('ad').src = images[x];

                if ( x < 8 ) {
                    x += 1;
                } else if ( x = 9 ) {
                    x = 0;
                }
            }
        </script>

        <img id='ad' src="img.gif">
    </body>
</html>

div タグ内の画像を使用してこのスクリプトをテストしましたが、問題なく動作します。Web ページに同じコードを挿入すると、機能しません。また、画像ファイル名は一例です。私が使用している画像はフォトバケットからのものであるため、それらの名前をほとんど制御できません。これについて私が得ることができるどんな助けも大歓迎です。

4

3 に答える 3

0

srcあなたのコードは、このフィドルの画像を変更するために機能します: http://jsfiddle.net/snB2a/1/

于 2013-07-03T20:29:57.113 に答える