ポップアップ(ウィンドウの内容を動的に生成)

 下のリンクまたはボタンをクリックするとウインドウが開き、画像が表示されます。
 新ウインドウの内容はJavaScriptで同時に生成しています。
 画像サイズは固定です。画像毎にサイズを変更したい場合は、パラメータを増やして対応してください。
 固定サイズを開くため、サイズ調節はしていません。 (下のスクリプトとは連動していません)

 ウィンドウを開くときにWindow名を決めますので、これが同じならばサブウィンドウは1つしか開きません。異なる写真を異なるウィンドウで表示したい場合は、別のWindow名を与えることでできます。(ソース参照)


開く


 下記スクリプトでは、ウィンドウのサイズを画像毎に変更できるようにパラメータを増やしています。
 IEではウィンドウを開く前に画像サイズを自動取得できますが、FireFoxでは取得できないため任意に画像サイズを準備しなければなりません。
  そこで、画像を開いた後にウィンドウサイズを画像サイズに合わせて調節しています。併せて、ウィンドウを閉じなくても同じサブウィンドウを使用して調整しますので、ウィンドウが増えていくことはありません。開くサブウィンドウは常に1つです。


開く1 (160x120) 開く2 (320x240) 開く3 (500x300)

戻る