選択したイメージを表示する

最終更新日 2000年07月21日

以下のセレクトボックスからイメージ名を選択して下さい。



上記のセレクトボックスでアイテムを選択すると、イメージが変更されます。



以下にソースを記載します。

スクリプト部分
<SCRIPT LANGUAGE="JavaScript">
<!--
//イメージの先読み
if (document.images){
img = new Array();
img[0] = new Image();img[0].src="../IMG/Image/ImgConv.gif";
img[1] = new Image();img[1].src="../IMG/Image/ImgPrev.gif";
img[2] = new Image();img[2].src="../IMG/Image/ITMaker.gif";
img[3] = new Image();img[3].src="../IMG/Image/TmWebEditorTop.jpg";
img[4] = new Image();img[4].src="../IMG/Image/SDSScrTop.gif";
}
//イメージの表示処理
function SelectItem(URL){
if (document.all){
Img1.src = URL;
}
}
// -->
</SCRIPT>

タグ部分
<Form>
<Select onchange="SelectItem(this.value)">
<Option Value="../IMG/Image/ImgConv.gif">イメージ１
<Option Value="../IMG/Image/ImgPrev.gif">イメージ２
<Option Value="../IMG/Image/ITMaker.gif">イメージ３
<Option Value="../IMG/Image/TmWebEditorTop.jpg">イメージ４
<Option Value="../IMG/Image/SDSScrTop.gif">イメージ５
</Select>
</Form>
<Img id="Img1" Src="../IMG/Image/ImgConv.gif">


参考にして頂ければ幸いです。
戻る
Copyright(C) 1999-2000 スタジオ　T-MAN
MailTo:t-man@mx4.ttcn.ne.jp