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

最終更新日 2001年04月15日

以下のセレクトボックスからイメージ名を選択して下さい。
選択したイメージが表示されます。
(実際の使用では、サムネイルイメージを表示する）


表示されているイメージをクリックする事で、別のページ又はイメージを表示する事が出来ます。

使用方法として、イメージのサムネイルを表示して気に入った物の原寸大のイメージを表示する時に使用できます。


以下にソースを記載します。
URLは適時変更して下さい。

スクリプト部分

<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;
}
}

function ImgView(){
if (document.all){
var ItemIndex = document.all.MySelect.selectedIndex;
if (ItemIndex != -1){
var MyURL = "";
switch(ItemIndex){
case 0: MyURL = "../IMG/STMImage.jpg" break; case 1: MyURL = "../IMG/BBSImage.jpg" break; case 2: MyURL = "../IMG/Image/TmWebEditorTop.jpg" break; case 3: MyURL = "../IMG/Image/ImgConv.gif" break; case 4: MyURL = "../IMG/Image/tmanleft.jpg" break;
}
location.href = MyURL;
}
}
}
// -->
</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" onclick="ImgView()" Src="../IMG/Image/ImgConv.gif">


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