8-8

 小技で小粋に-8
   画像を小粋に切り替えましょう。

『答え』 テンポ良く画像切り替えするスクリプトです。

黒澤映画        訪問者にクリックさせる手間をかけない画像切り替えする技です。 「 黒澤映画 ポスター 展覧会 」なーんて感じで如何ですか。
HTML文の方には下記のようにタグを書き込みます。

<IMG SRC="http://○○○○/SANJURO.JPG"
 alt="黒澤映画" width=230 height=323 name="war">
<SCRIPT language="javaScript">
<!--
    var sw=1;
    image=new Array(6);
    image[1]="http://○○○○/SANJURO.JPG";
    image[2]="http://○○○○/SUGATA.JPG";
    image[3]="http://○○○○/IKIRU.JPG";
    image[4]="http://○○○○/TENGOKU.JPG";
    image[5]="http://○○○○/SAMURAI.JPG";
    image[6]="http://○○○○/YOUJINBO.JPG";
    hyouji();
    function hyouji()
    {
      setTimeout("hyouji()",3000);
      document.war.src=image[sw];
      sw=sw+1
      if (sw>6){sw=1;}
    }
//-->
</SCRIPT>

上記の画像URL
(例えば、http://○○○○/SANJURO.JPG)は
ご自身の画像URLに書き直して下さい。
(尚、セキュリティが高められたサーバーの場合は、httpがhttpsとなります)
切り替え速度の変更はsetTimeoutの3000を増減させて下さい。


質問メール  OZ道場メニュー