説明文付きスライドショー

画像ごとに説明文が付いたスライドショーです。

画像を適宜、用意して書き加えて下さい。（「プログラム①」の水色字の部分。）
画像を同じ数だけ説明文を書き加えて下さい。（「プログラム②」の黄字の部分。）
画像の枠の高さと幅は変えられます。（「プログラム①」のピンク字の部分。）
画像と同じ大きさにする方がいいでしょう。
説明文の枠の高さと大きさも変えられます。（「プログラム②」の青字の部分。）
画像を切り替える速度も変えられます。（「プログラム①」の赤字の部分）　１秒＝１０００
なお、説明文が必要でないときは、「プログラム①」の黄字の部分と、
「プログラム②」を削除して下さい。
但し、ＴｅｘｔＣｈａｎｇｅｒ．ｃｌａｓｓはそのままにしておいて下さい。

「ホームページを彩るＪａｖａ」へ戻る

ＳＴＥＰ１

「プログラム①」をＨＴＭの表示したい所にコピーして下さい。

プログラム①

<applet code="ImageChanger.class"
align="baseline" width="125" height="100">
<param name="images"
value="a.jpg,b.jpg,c.jpg,d.jpg,e.jpg">
<param name="randomEffect" value="true">
<param name="target" value="text1">
<param name="time" value="5000">
</applet>

ＳＴＥＰ２

「プログラム①」をＨＴＭの表示したい所にコピーして下さい。

プログラム②

<applet code="TextChanger.class"
align="baseline" width="200" height="30" name="text1">
<param name="texts"
value="Picture 1\n素敵な絵ですね。 |
Picture 2\n こんな感じに説明文がつけられます。 |
Picture 3\n こんな絵はどうですか？|
Picture 4\n 自分でも絵が描けたらいいのにね。|
Picture 5\n うまく動いていますか？|
">
</applet>

ＳＴＥＰ３

ＪＡＶＡアプレットをダウンロードして、
ＨＴＭＬファイルと同じディレクトリに入れて下さい。

ダウンロード→ＩｍａｇｅＣｈａｎｇｅｒ．ｃｌａｓｓ

ダウンロード→ＴｅｘｔＣｈａｎｇｅｒ．ｃｌａｓｓ

ページＴＯＰへ