画像を拡大しながら表示

今回は３２回目です。
画像がどんどん大きく拡大されていきます。

画像を拡大しながら表示

今回の効果は、画像が段々と大きくなって表示されるというものです。
使う画像は１個なのに、大きさを変えて表示することで画像がズームアップされていきます。
インパクトを与えるにはいいかもしれません。

今月も少しだけこの実験にお付き合い下さい。

	ポイント	imgSize = 43; の４３は画像の元の大きさ（縦と横）です。 if (imgSize <= 344) の３４４は一番大きくなったときの縦と横の大きさです。元の大きさである４３で割り切れる数にしてあります。割り切れない数にしても動きます。 document["myImage"].document.write のところの６２５．ｇｉｆは画像のファイル名です。 imgSize += 43; は縦と横の大きさを４３ピクセルずつ増やしていくという意味です。ここでは、元の縦と横の大きさである４３にしてありますが、違う数字にしても動きます。小さい数字にすれば、少しずつ大きくなっていきます。 timerID = setTimeout("scaleImage()",100); で速さを指定します。ここでは１００にしてありますが、ここの数字を大きくしたり小さくしたりして速さを変えることができます。
	効果	timerID で指定した速さで、imgSize + で指定した分ずつ、if (imgSize <= で指定した大きさになるまで画像が拡大されていきます。
	使い方	実際の実験画面のソースをご覧下さい。

今回の実験でわかったこと

この効果は、Ｎｅｔｓｃａｐｅ４．０、Ｅｘｐｌｏｒｅｒの４．０からできます。

ＮＮの方だと、少し動きがぎこちないです。ＩＥの方は動きはなめらかでした。

ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)