Nyromodal固定位置ウィンドウ

Question

私はNyromodalを使用しており、ポップアップウィンドウを背景に比べて固定位置にするのに苦労しています。つまり、私はそれを望む場所にそれを配置しましたが、ブラウザウィンドウのサイズ変更されたとき、バックグラウンドページのコンテンツに関連してポップアップシフトが変化します。これはNyromodalの特徴であることを理解していますが、私はそれをオフにしたいと思っています。それを行うためにドキュメントに関数が見つかりません。誰かがアイデアを持っていますか？

CSSスニペット：

.nyroModalCont {
    position: absolute;
    margin:20px 25px 25px 25px;
    background:#000;
}

引き金：

echo '<a href="showimage.php?id='.$row['id'].'" class="trigger" rel="gal">';
echo '<img src="'.$this->ImageDir.$row['id'].'/thumb/'.$row['thumb'].'" border="0" />';
echo '</a>';

ありがとう、HR

Answer 1

ブラウザウィンドウをサイズ変更した後、ポップアップのシフト（およびサイズ変更）を避けるために、上書きすることができます resize ニロモーダルオプションに関数（内部にコードがない）：

$('.trigger').nyroModal({
  resize: function(recalc) {},
});

あなたのニーズに応じて、代替（または追加）として、あなたは変えることができます CSSプロパティ サイズ変更に対処するNyromodalコールバックの使用：

$('.trigger').nyroModal({
  callbacks: {
    beforeResize: function(nm) {
    },
    afterResize: function(nm) {
    }
  }
});