Netscapeで画像を動的に拡大縮小する



Netscapeで画像を動的に拡大縮小する
 Explorer 4ではimageオブジェクトのwidth,heightプロパティに値を指定する事で動的に画像の拡大縮小を行うことができます。しかしNetscapeではwidth,heightプロパティは読み出しのみで書き込むことはできません。しかし<layer><div><span>タグでレイヤーを作成すればNetscapeでも動的に画像を拡大縮小させる事ができます。方法としてはレイヤーに対してdocument.open(), document.write(), document.close()を使って<img>タグごと書きだします。
 実際は以下のようなスクリプトの書き方になります。

・Explorer 4以上の場合
document.theImage.width = imgW;
document.theImage.height = imgH;

・Netscape 4以上の場合
document["theLay"].document.open("text/html");
document["theLay"].document.write('<img src="image.jpg" width="1" height="1">');
document["theLay"].document.close();

theLay:レイヤー名
theImage:画像名
imgW:画像の横幅
imgH:画像の縦幅
image.jpg:画像ファイル