画像データを一定時間で入れ替えて表示する

　3枚の画像データを一定の時間で入れ替えて表示しています。画像データの下の部分に移動する

　文字を重ねました。

<div style="position: relative;">

    <img src="1枚目の画像データのURL" width="630" height="170" name="SP" alt="" id="SP" /> <script language="javaScript" type=

    "text/javascript">

//<![CDATA[

    <!--

    var NO=1;

    img=new Array(3);

    img[1]="1枚目の画像データのURL";

    img[2]="2枚目の画像データのURL";

    img[3]="3枚目の画像データのURL";

 

    UP();

    function UP(){

    setTimeout("UP()",7000);

    document.SP.src=img[NO];

    NO=NO+1 

    if(NO>3){NO=1;}

    }

    //-->

    //]]>

    </script>

    <div style="position:absolute; top:100px; left:50px; width: 550px;">

        　　<marquee>　　　　　　　</marquee>

        <p>

            <marquee scrolldelay="160"><strong><span style="color:#FF66CC; font-size: 115%;">3枚の画像データを一定時間で変えています</span></strong></marquee>

        </p>

        　　

    </div>

</div>