Original CG by Groupware
ImageChangerは、GIFやJPEGなどの画像ファイルを、次々に切り替えて表示するためのアプレットです。 画像を切り替える時に、色々な効果を付加することができるのが最大の特徴です。写真や絵、漫画等のディスプレイに幅広く活用できると思います。 また、将来的には(Javaで日本語が扱えるようになれば)、テキストを表示するアプレットと 連動できるようにしたいと考えていますので、絵本(紙芝居)風の作品や、 説明付きの図や写真等々、更に応用範囲は広がるものと思います。
なお、このアプレットのアイデアは、 山口秀人さんに頂きました。この場を借りてお礼申し上げます。
<applet code="ImageChanger.class" width=288 height=206>
<param name="images"
value="PHOT003.GIF|6|-|http://www.aaamart.co.jp/wang/index.html,
PHOT005.GIF|7|-|http://www.sunplus.com/fuji/livee.htm,
PHOT021.GIF|10|-|http://www.infotrans.or.jp/~hideto/rose/library/library.html,
PHOT059.GIF|4|-|http://www.safariair.com/pics.html,
PHOT065.GIF|8|-|http://www.jamstec.go.jp/,
PHOT063.GIF|9|-|../STR/RainbowString.html">
</applet>
以下をクリックすると、ソースコードを見ることができます。
名前 | 設定値 | 意味 |
---|---|---|
code | ImageChanger.class | アプレットの名前を指定します。(固定) |
width | 正の整数 | アプレットの横幅を指定します。(通常は、画像ファイルの横幅) |
height | 正の整数 | アプレットの縦幅を指定します。(通常は、画像ファイルの縦幅) |
■ paramタグで指定するパラメータ
name | value | 意味 |
---|---|---|
time | 正の整数 | 画像表示時間のデフォルト値(単位ミリ秒)。 0を指定した場合、マウスクリックで切り替え(デフォルトは5000)。 |
imageDir | ディレクトリ名 | 画像ファイルを置くディレクトリ名(相対パス)。 |
drawWhileLoading | true | 1枚目の画像ファイルをダウンロード後、表示開始。(デフォルト) |
false | 全てのファイルをダウンロード後、表示開始。 | |
bgColor | 6桁の16進数 | バックグラウンドカラーをRGB値で指定する(デフォルトは、000000)。 画像がアプレットサイズより小さい場合、または、透過ファイルの場合に有効。 |
fadeColor | 6桁の16進数 | フェードイン・フェードアウト時の色をRGB値で指定する(デフォルトは、000000)。 |
scrollSpeed | 正の整数 | 画像のスクロールスピード(changeパラメータの1〜4に対応。デフォルトは6)。 |
changeSpeed | 正の整数 | 画像の開くスピード(changeパラメータの5〜8,11〜14に対応。デフォルトは3)。 |
mosaicSpeed | 正の整数 | モザイクの変化スピード。(changeパラメータの10に対応。デフォルトは4)。 |
fadeTime | 正の整数 | フェードアウト・フェードインに要する時間 (1コマあたり、単位ミリ秒。changeパラメータの9に対応。デフォルトは80。) |
change | 画像切り替え方法のデフォルト値を指定する(デフォルトは0)。 | |
0 | 画像を瞬時に切り替える。 | |
1 | 上へスクロールアウト。 | |
2 | 下へスクロールアウト。 | |
3 | 右へスクロールアウト。 | |
4 | 左へスクロールアウト。 | |
5 | 中央から上下に開く。 | |
6 | 中央から左右に開く。 | |
7 | 中心から外に広がるように開く。 | |
8 | 外から中心に向かって閉じる。 | |
9 | フェードアウト・フェードイン | |
10 | モザイク | |
11 | 左から右へ変化。 | |
12 | 右から左へ変化。 | |
13 | 下から上へ変化。 | |
14 | 上から下へ変化。 | |
15 | 下からスクロールイン。 | |
16 | 上からスクロールイン。 | |
17 | 左からスクロールイン。 | |
18 | 右からスクロールイン。 | |
19 | 上下から中央へ変化。 | |
20 | 左右から中央へ変化。 | |
images | 画像ファイル名(|change|time|URL),画像ファイル名(|change|time|URL),... | 画像ファイル名とその属性(省略可能)を指定する。 属性として、change(画像切り替え方法)、time(画像表示時間)、URL(相対位置指定可)を指定できる。 change,time属性を指定しない場合、デフォルト値が用いられる。 ファイル名は、","で区切って指定し、 属性は、"|"で区切って指定する。 途中の属性を省略したい場合、'-'を指定する。(例えば、change,timeを指定せずに、URLを指定する場合、 画像ファイル名|-|-|URLなどと記述する。) |
randomOrder | true | 表示順をランダムにする。 |
false | 指定された順に表示する。(デフォルト) | |
randomEffect | true | エフェクトの選択をランダムにする。 |
false | 指定されたエフェクトで表示する。(デフォルト) | |
mosaicWidth | 正の整数 | モザイクの幅。(デフォルトは16)。 |
mosaicHeight | 正の整数 | モザイクの高さ。(デフォルトは16)。 |