- このスクリプトは画像ファイルの表示サイズを、動的に変更します。(InternetExplorer,Netscape6以上)
- 大きく
- 普通に
- 小さく
- 〜 JavaScript 〜
<script language="JavaScript">
<!--
function chgSize(w,h){
document.imgSample.width=w;
document.imgSample.height=h;
}
//-->
</script>
|
- 〜 HTML 〜
<img src="../img/04.gif" name="imgSample">
<a href="javascript:chgSize(170,124)">大きく</a>
<a href="javascript:chgSize(85,62)">普通に</a>
<a href="javascript:chgSize(42,31)">小さく</a>
|
- document.画像ファイル名.widthプロパティに値を代入することによって画像ファイルの横幅をピクセル単位で変更します。ここで指定しているwはこの関数の引数になります。
- document.imgSample.width=w;
- document.画像ファイル名.heightプロパティに値を代入することによって画像ファイルの高さをピクセル単位で変更します。ここで指定しているhはこの関数の引数になります。
- document.imgSample.height=h;
- このリンクをクリックした時に宣言してある関数chgSize()を呼び出します。この関数は第一引数が横幅、第二引数が高さの指定になっています。
- <a href="javascript:chgSize(85,62)">普通に</a>
| |