Subject   : image オブジェクトの使用例

カテゴリー  : Home page > JavaScript


 image オブジェクトの使用例

image = new Image([width, height]) でイメージオブジェクトを生成します。width, height は省略可能で、画像の横幅、高さを指定します。後に必要となる画像データをあらかじめキャッシュに読み込んでおく際などに用いられます。

src に画像の URL を設定することにより、表示されている画像を変更することができます。さらに Internet Explorer では、width や height などにも値を設定して大きさなどを変更することができます。

xxx


<script type="text/javascript">
<!--
if (document.images) { img1 = new Image(); // キャッシュに s1.jpg を img1.src = "s1.jpg"; // 読みこませておく。 }
function setImage(name, src) { if (document.images) { document.images[name].src = src; } }
// --> </script>
<img name="img1" src="s1.jpg" alt="xxx"> <form action="#"> <input type="button" value="元の写真" onclick="setImage('img1', 's1.jpg')"> <input type="button" value="次の写真" onclick="setImage('img1', 's2.jpg')"> </form>


[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]