風の機能が欲しかったので作ってみました。以前も作ったことはあったのですが、その際にブログに残すなどをしていなかったため、どこかに紛失してしまいました。いうことで、今回新たに作ったものを簡単な説明とともに残しておきます。・画像を閉じる際は、画面内のどこをクリックしても閉じる(☓ボタンで閉じるなどは面倒)・フェードイン、フェードアウトのような余分な処理は要らないちなみにフェードイン、フェードアウトなどの処理を入れたい場合は、表示を切り替えている部分を改造すれば実装可能です。「画像は画面の中央に表示」の機能を実装するには、大きな画像の縦横のサイズを予め把握している必要があります。縦横のサイズが不明の場合は、決め打ちで大体中央に表示させることになります。画像が「サムネイル画像」と「大きな画像」の2枚あるパターンと、「大きな画像」1枚のみの2パターンについて書きます。参照して画像を中央に表示するために使用します。拡大画像表示時の背景色を指定しています。RGBカラーに、透明度(alpha)を追加したもので、0.0~1.0の間で指定できます。画像の周囲を白い線で囲っています。この辺はお好みで変えてください。5~11行目の処理を行います。2)これにより、ページがスクロールしていても、常にブラウザの中央に画像が表示されます。※大きな画像の縦横の値が分からない場合は、マイナスする値に適当な数値を入れます。この場合は画像のサイズによって表示位置を変えることはできないので、画面のバランスが悪くなります。$(document).height());divタグの高さをドキュメントの高さと同じにしています。'block'});divタグの中身(html)を一度空にしてから、imgタグを追加しています。内容を指定しています。'1'});imgタグの表示位置を指定し、非表示から表示に切り替えています。divタグを非表示にしています。風の画像拡大表示機能が実装できます。指定して縮小表示し、サムネイル画像にします。同じものを使用します。基本は同じですが、9行目だけ書き換えます。