画像をポップアップ表示(プラグイン不使用)

jQuery基本機能のみを使用したポップアップ表示-練習用サンプル

マウスでサムネイル画像をポイントしたときに、拡大画像をポップアップ表示します。
その時、ポップアップ画像以外の操作ができないように、背景に半透明の幕を掛けます。
再度ウィンドウ内をクリックしたら、ポップアップ表示を解除。
このようなツールは、FANCYBOXなど、いくつも公開されています。
しかも高機能で汎用的!
しかし、最初から、じっくりと自分で組み立ててみるというのも、jQueryの使い方の学習に役立つかもしれません。