サムネイルを選らんで元イメージを表示

最終更新日 2000年07月25日


以下のボタンでイメージを選んで、元のイメージを表示します。
現在表示されているイメージはサンプルですので、使用する時はサムネイルイメージを設定し下さい。
テーブルタグのサイズは適時変更して下さい。
BBSImage.jpg
以下にソースを記載します。

スクリプト部分
<SCRIPT LANGUAGE="JavaScript">
<!--
//イメージを読み込み
Img = new Array();
Img[0] = new Image();Img[0].src="../IMG/BBSImage.jpg";
Img[1] = new Image();Img[1].src="../IMG/STMImage.jpg";
Img[2] = new Image();Img[2].src="../IMG/Image/tmanleft.jpg";
var MyIndex = 0;

function ImgChange(idx){
if(document.all){
MyIndex += idx;
if(MyIndex < 0)MyIndex = 2;
if(MyIndex > 2)MyIndex = 0;
document.all.MyImg.src = Img[MyIndex].src;
}
}
//元イメージを表示する処理
function ImgView(){
if(document.all){
var Url;
switch(MyIndex){
case 0:
Url = "../IMG/BBSImage.jpg";
break;
case 1:
Url = "../IMG/STMImage.jpg";
break;
case 2:
Url = "../IMG/Image/tmanleft.jpg";
break;
}
//以下の部分が必要に応じて、フレームに表示するように変えて下さい。
window.open(Url);
}
}
// -->
</SCRIPT>
タグ部分
<Form>
<Input onclick="ImgChange(-1)" Type="button" Value="前に戻る">
<Input onclick="ImgChange(1)" Type="button" Value="次に移る">
<Input onclick="ImgView()" Type="button" Value="表示">
</Form>
<Table Width="500" Height="250">
<Tr>
<Td BGColor="#FFFFFF">
<Img id="MyImg" Src="../IMG/BBSImage.jpg" Alt="BBSImage.jpg" Border="0"><Br>
</Td>
</Tr>
</Table>


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