jQuery画像のポップアップがブラウザのウィンドウで隠されています

Question

夕方すべて、

私はいくつかのポップアップ画像で少し問題があります。

http://jsfiddle.net/aETbw/37/

実際のページでは、できるように、実際の画像のエッジのラウンドより多くのスペースが含まれています。ここでは、見て持っているため、私は基本をアップロードしたjsFiddleへのリンクは、です場合によっては画像の上部または右側が実際には問題ではないことがわかります。問題は、画像の下部がブラウザの下部を超えて表示される場合です。画像全体が見えるように、ブラウザウィンドウ/ビューポートを越えて画像を移動させる方法はありますか？

可能であれば、カメラアイコンの後にマウスを置くと画像が見えるようにする方法も知りたいと思います。

ありがとうございます。

Martin。

Answer 1

画像の位置と表示後の高さを比較し、必要に応じてウィンドウの境界内で移動します。 http://jsfiddle.net/aETbw/40/