今回はスライドショーという効果です。
スライドショーを作る
| 今回の効果は、ボタンをクリックすると、画像が変わるというものです。 １つの画面に沢山の画像を貼ると重くなり読み込みに時間がかかりますし、画面に入りきらないものはいちいちスクロールさせて見なければなりませんが、この効果だと、１つの画面分のスペースで沢山の画像を次々と表示させることができます。 色々な商品、自分の作品などをホームページ上で見てもらうのに使えるのではないでしょうか。 ＪａｖａＳｃｒｉｐｔを使用していますが、複雑ではなので挑戦してみて下さい｡ 今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | IMG_Aで、画像を切り替えます。 |
 効果 | ボタンをクリックすると、画像を切り替える関数がよばれ、var imgで指定した配列番号の画像を fileName = new Arrayで指定された配列の中から探し表示します。画像のファイル名は順番になっていなくてもかまいません。 配列されている順番に配列番号が割り当てられていきます。配列番号は０から始まります。１からではありません。 |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果は、Ｎｅｔｓｃａｐｅ３．０、Ｅｘｐｌｏｒｅｒの４．０からできます。 複数の画像を１つの画面で見ますから、画像を用意する時に画像の高さと幅のサイズを全部同じにしておいた方がいいでしょう。 Ｎｅｔｓｃａｐｅの３．０でも使えるので、応用範囲は結構広いのではないでしょうか。ぜひ試してみて下さい。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
