Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい
サムネイル画像をクリックすると、別ウインドウが開いて元サイズの画像を見せるページを作りたいんです。
サムネイルをクリックするたびに新しい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>タグだけ書いておけば良いんでしょうか?
お礼
お礼が遅くなりスミマセン。 とっても役にたちました。 ありがとうございました。