8-4

 小技で小粋に-4
   画像に動きを加えたいっ。


『答え』 波うちの加工なんかは簡単に出来ます。

普通に画像を表示させるだけでは満足できなくなったあなたにちょっと技を伝授しましょう。波うちのような加工を加えてみるならJavaScriptで簡単に出来ます。
こんな画像を材料に使ってみましょうか。



この画像を取り込んでくださいね。
名前は sample2.gif です。


それから波うち効果を出すツールも取り込んでください。 Lake.classというものです。
●Windowsマシンの方は、この行をクリックして保存作業を選んで下さい。(Macの方は、数秒間クリックすれば取り込めます)●
さて肝心のHTML文を作りましょうか。
こんなタグです。

<HTML><BODY bgcolor="#ffffcc">
<center>
<applet code="Lake" border=1 width=217 height=270>
<param name="image" value="sample2.gif">
Your browser doesn't support java or java is not enabled!
</applet>
</center>
</BODY></HTML>

これをnami.htmlとか言う名前(自由に付けてね)で保存しましょう。
さあ、これらの nami.html sample2.gif Lake.class 3つを同じフォルダに入れておいてnami.htmlをブラウザで開いてみましょう。こんな風になる筈です。
Your browser doesn't support java or java is not enabled!
どうですか。(表示に時間がかかるのがネックなんですが)
尚、違う画像でお試しになる場合はwidthとheightの数値はその画像のピクセル数に合わせて変更して下さいね。(heightは画像の縦ピクセル数の約2倍あたりでお試し下さい)
いろいろ応用して楽しんで下さい。
どうしても上手く作れない方は「ココ」からサンプル全体を取り込んで下さい。
以上でこの項は修了です。

もっと大きな画像サンプルをお見せしましょう。(ココ
あまり画像が大き過ぎると限度オーバーで壊れたテレビみたいになりますのでホドホドに。>br>

こういったJavaScriptは、数多くサイトで無料にて公開されています。
探し出して活用してみて下さい。ホームページがグレードアップしますよ。


    ←メールで質問!  ←掲示板で質問!  ←納得!