WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ポップアップ画面の画像を切り替えたい。

0:[投稿] スワローエンジェル [MAIL] [URL] [2003/11/21 22:29 ][環境:IE6 Apache]

初めまして、JavaScript初心者のスワローエンジェルです。
表題の通り、親画面からポップアップ画面に指定の画像を表示
したいのですが、習作ではどちらを選択しても同じ画像が
表示されます。htmlを画像の数だけつくればJSを使わなくても
できるのですが、効率よく作るためにJSに挑戦しています。
ベテランの皆様のアドバイスお願いします。

<html><head><title></title>
<script language="JavaScript">
<!--
function DWO1(){
   var P01;
   P01=window.open("","DocWin1","toolbar=no,location=no,directories=no,Width=600,Height=400");
   P01.document.open();
   P01.document.write("<html><head><title>TakagiPhoto ");
   P01.document.write("</title>");
   P01.document.write("</head>");
   P01.document.write("<body bgcolor='#000000' topmargin='0' leftmargin='0'>");
   P01.document.write("<a href='#' onClick='window.close()'><img border='0' src='");
   P01.document.write(document.images[0].name);
   P01.document.write("' width='600' height='400'></a>");
   P01.document.write("</body>");
   P01.document.write("</html>");
   P01.document.close();               }
//-->

</script>

</head>
<body bgcolor="#FFFFFF">

<CENTER>
<p>
     <a href="#" onClick="return DWO1()"><img border="0" src="001.jpg" name="001.jpg" ></a><a href="#" onClick="return DWO1()"><img border="0" src="002.jpg" name="002.jpg"></a>
</p>
<BR>
</CENTER>

</body></html>


1:[回答] gamecafe [URL] [2003/11/22 14:03 ]

サムネイル画像を別窓で拡大表示的使い方なのかな?
function DWO1(test){
  P01.document.write(document.images[test].name);
<a href="#" onClick="return DWO1(0)">〜
<a href="#" onClick="return DWO1(1)">〜

href="#"は嫌いなので、ちょこっと改造^^;
<img border="0" src="001.jpg" name="001.jpg" onClick="return DWO1(0)" style="CURSOR: hand">
<img border="0" src="002.jpg" name="002.jpg" onClick="return DWO1(1)" style="CURSOR: hand">

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World