画像を前面にポップアップ表示させるJavaScript

こちらで見つけた画像をポップアップ表示させるスクリプト。 例えば「QRコードはこちら→」っていうアイコンをクリックさせて別ウィンドウにQRコードを表示したい、なんていう場合に使えそう。

とりあえず、動作はこんな感じ。
下の写真をクリックすると、大きい画像が前面に表示される。大きい画像をクリックすると非表示になる。

ソースはこちらにあったものを拝借。ありがとうございました。

  web.paulownia.jp
大きな画像をその場に表示する

このブログの例では大きい元画像を小さく表示させているけど、小さい画像と大きい画像は別々に指定できる。ということは、まったく関係ない画像でも良いわけだから、「会場の地図はこちら→」から地図の画像をポップアップさせる場合にも使えそう。

 

トラックバック(0)

このブログ記事へのトラックバックURL:
http://1000leaf.net/MT41/mt-tb.cgi/23