８-８

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


『答え』　ゆっくりと画像切り替えするアプレットです。

訪問者にクリックさせる手間をかけない画像切り替えする技です。
同じサイズの画像ならばテンポ良い切り替えが出来るのです。

　　   　

*** KUROSAWA movieposter SHOW *** なーんて感じで如何ですか。
Java Appletを使えば小粋に画像ショーを見られる訳です。
この動きにはImageChanger.classというサブルーチンが必要です。
アプレットを取り込む場合は 『ここ』 をクリックしてご自身のパソコンに保存して下さい。



ＨＴＭＬ文の方には下記のようにタグを書き込みます。 

<APPLET CODE=ImageChanger.class WIDTH=233 HEIGHT=329>
<param name="images" value="SANJURO.JPG|6,SUGATA.JPG|7,IKIRU.JPG|10,TENGOKU.JPG|4,SAMURAI.JPG|8,YOUJINBO.JPG|9">
<param name="fontShadowColor" value="0">
<param name="fontBackColor" value="202060">
<param name="target" value="text1">
<param name="frame" value="bottom">
<param name="autoLink" value="true">
</APPLET>

１行目の数値は画像サイズですので表示したい画像に合わせて修正して下さい。 ２行目が表示させる画像の名前です。画像名のところにある番号で切り替えタイプが変わります。
0画像を瞬時に切り替える。
1上へスクロールアウト。
2下へスクロールアウト。
3右へスクロールアウト。
4左へスクロールアウト。
5中央から上下に開く。
6中央から左右に開く。
7中心から外に広がるように開く。
8外から中心に向かって閉じる。
9フェードアウト・フェードイン
10モザイク
11左から右へ変化。
12右から左へ変化。
13下から上へ変化。
14上から下へ変化。
15下からスクロールイン。
16上からスクロールイン。
17左からスクロールイン。
18右からスクロールイン。
19上下から中央へ変化。
20左右から中央へ変化。
３−４行目はテキストの装飾。いろいろデザインを お好みに変えてみましょう♪
画像データと取り込んだImageChanger.classはＨＴＭＬ文と同じフォルダに入れて下さいね。

　　　 　.　.　.　.　.　.　 　.　.　.　.　.　.