ベストアンサー

Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい

2001/03/18 01:43

サムネイル画像をクリックすると、別ウインドウが開いて元サイズの画像を見せるページを作りたいんです。サムネイルをクリックするたびに新しいwindowが次々に立ち上がるタイプのものは作れたのですが、別のサムネイルをクリックするとプレビュー用ウインドウの内容が変わるタイプのものが欲しいので困ってます。サンプルを改造してみたのがこれです。 function tile(imgname){ win2=window.open("","","width=350,height=200,resizable=yes") if (win2){ win2.focus() win2.document.open() win2.document.write("<head><title>"+bgname+"</title></head>") win2.document.write("<body><img src="+'"'+imgname+'"'+">") win2.document.write("<TABLE WIDTH='100%' HEIGHT='100%'><TR><TD VALIGN='bottom' ALIGN='center'><FORM><INPUT TYPE='button' NAME='ok' VALUE='Close' onClick='window.close()'></FORM></TD></TR></TABLE>") win2.document.write("</body>") win2.document.close() } あと、サムネイル画像につけるリンク先HTMLファイルの書き方も良くわかりません。スクリプトのほうに＜head＞と＜body＞タグがあるので＜html＞タグだけ書いておけば良いんでしょうか？

InabaHitomi
お礼率29% (9/31)

JavaScript
回答数2
ありがとう数6

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

MMPichu
ベストアンサー率66% (4/6)

2001/03/18 05:03 回答No.2

質問52893の回答ソースをチョットいじりました。これも簡単なように正確なHTML記述でないので、変更・追加してください。 (特にwriteの引数はHTML、BODYタグなど省略しています) 質問中にdocument.wirteを使っていたのでそうしましたが、できれば使わずにwindow.openで雛型HTMLを呼び、img.srcを変更する方がすっきりすると思います。 <html><head> <title>def</title> <script language="JavaScript">  </script></head> <body> <img height="64" width="64" src="abc.jpg" border="0" onClick=imageOpen(this,300,300)> <img height="64" width="64" src="def.jpg" border="0" onClick=imageOpen(this,300,300)> </body></html>

参考URL：: http://oshiete1.goo.ne.jp/kotaeru.php3?q=52893

質問者

お礼 2001/03/18 18:30

確かにスクリプトを複雑にしすぎてわかりづらいですね。お答えを参考に以下のような感じでやったら成功しました。ありがとうございます。 <SCRIPT Language="JavaScript">  </SCRIPT> --中略--- <body> <p><img border="0" src="aid.gif" width="81" height="81" onClick="previewSubWin('b_aida.jpg');return false"> <img border="0" src="alic.gif" width="81" height="81" onClick="previewSubWin('b_alice.jpg');return false"></p> </body>

その他の回答 (1)

cocky
ベストアンサー率57% (232/402)

2001/03/18 03:48 回答No.1

この例で言えば、ご希望を満たすには、２行目のwindow.openの２番目の引数のところに、適当なフレーム名（例えば「preview」とか）を入れればいいはずです。あと、リンク先のHTMLファイルはこの場合必要ないと思います。ただwin2.document.writeで<html>と</html>も出力しないと、ブラウザによっては画像が全く表示されない可能性があると思いますが…。

質問者