畫像ポップアップ（2）

このブログで使用してゐる畫像ポップアップを配布します。

取り敢へず動きます。

• Internet Explorer 5.5sp2（改）/7β3
• Mozilla Firefox 1.5.0.6/2.0β1
• Opera9.01

で動作確認しました。Safariでも動作するさうです。

氣まぐれで配布するものですから、バグがあつても修正するかは判りません（自分のブログで使用してゐるのでおそらく修正します）。

世の中にはこれよりずつと良いものがあると思ひます。さうまで云ふなら配布するな、でせうが、飽く迄氣まぐれですので。でも、使つていただけるなら嬉しう御座います。

改造は自由です。でも、改造して動かないぞと云はれても困ります。

以下のファイルをDLして下さい。

• imgpopup.zip.txt

zip壓縮ファイルです。アップロード出來るファイルの擴張子に制限がある爲、擴張子txtとなつてゐますが、これを擴張子zipにリネームし、解凍してください（リネームせずとも、zipファイルと認識してくれる解凍ソフトもあります）。

解凍すると次の3つのファイルが出來ます。

• imgpopup.js
• imgpopup.css
• close.png

imgpopup.jsが畫像ポップアップの本體です。imgpopup.cssは畫像ポップアップのデザインを、close.pngは「閉ぢる」畫像です。

實際に配置するclose.pngのURI等に合はせて、imgpopup.jsの該當箇所を書き換へてください（先頭の方にさう云ふ箇所があります。HTMLファイルと同一のディレクトリでファイル名がclose.pngなら變更不要です）。

close.png（8bit、透過色有り）は他のものに變へて構ひません。サンプル（100x20）と寸法が異なる場合はimgpopup.jsの該當箇所を書き換へてください。

畫像ポップアップを使用したいHTMLファイルのヘッダ部分に、以下のやうに記述します。

<script type="text/javascript" src="imgpopup.js" charset="shift_jis"></script>
<link rel="stylesheet" type="text/css" href="imgpopup.css">

配置するディレクトリに合はせて、適宜書き換へてください。XHTMLの場合は其用に書き換へてください。imgpopup.jsの文字コードを變更した場合は、shift_jis部分も同樣に變更してください。

それぞれのファイルを適切に配置し、リンク先URIが「.png」「.jpg」「.gif」で終はるリンクをクリックして動作すれば成功です。

まあ、一番簡單なのは、全て同一のディレクトリに配置して、HTMLファイルのヘッダ部分に

<script type="text/javascript" src="imgpopup.js" charset="shift_jis"></script>
<link rel="stylesheet" type="text/css" href="imgpopup.css">

を書き込むことです。imgpopup.js、imgpopup.cssをHTMLファイルとは別のディレクトリに配置する場合は、上のURI指定部分を、close.pngの場合はimgpopup.jsの指定部分を書き換へます。

CSSファイルを書き換へてデザインを變更するのは自由ですが、position:absolute指定は消さないやうにしてください。また、borderの幅やpadding等を變更する場合は、imgpopup.jsの數値も變更してください。