やっぱりうまくいかんなぁ．

昨日、うまくいったと書いたばかりなんですが...　IE だとエラーが出てしまいますよ．　Mac 版、Win 版ともに確認．
いろいろいじったけど改善されません．
JavaScript って、前も IE に泣かされた気がするんですがね．

仕方ないので、別な方法を模索することにしました．

基本的には、JavaScript を使うしかないと思うんですが、検索してると CSS を使う方法もあるんですな．　画像を画面外に飛ばしておいたり、1 x 1px の表示領域にしたりして見えなくしておいて、a:hover で復帰させるという...　頭のいい人は考えることが違うようです．
でも、マウスオーバーじゃなくて、マウスクリックでの画像表示じゃないといやなので、これはパス．

さらに検索すると、JavaScript のサンプルを見つけました．　ここです．
あまりにスマートな動作なので、早速これを利用することにしました．　スクリプト自体は、私の不勉強のため、何をしているのかはいまいち分かりません（死．

と・こ・ろ・が、
またまた IE くんがやってくれますよー．
いきなりエラーを吐きます．　そのままスクリプトの実行をすると、画像は表示されるんですが位置がおかしい．　さらにポップアップ画像をクリックしても消えてくれません．
今回はまだ、開発の止まった Mac 版 IE（ver. 5.2.3）でしか確認してませんけど、Win 版でも同様ならちょっと困りますね．

ま、これ以上画像表示系で頓挫するわけにもいきませんので、このままでいくことにします．
Mac な方は、Safari でご覧になることをお勧めします．　Firefox でもちゃんと動きます．　ま、まかーで IE 使っとる人なんぞ、今どきいないでしょうけど．

上記のスクリプトですが、欠点として、画像がポップアップするのかどうかがクリックするまで分からないということが挙げられます．
img タグの中から onclick で表示関数を呼んでいるので仕方ないんですけどね．
img タグの部分を a タグで囲めばいいかと思ったんですが、リンク先をどうしようかと...　<a href="#">だと、長いページの場合は先頭に飛んじゃっておかしくなるし、画像１枚１枚に <a name="〜"> を貼るのも面倒ですしね．
とりあえずそのままにしときます．

そんなわけで、ここの画像はポップアップしないものも中にはあるけど、ま、カチカチやってみてください．　IE は逝ってよし．