Nyromodal Fixpositionfenster

Question

Ich verwende Nyromodal und habe Probleme, dem Popup-Fenster eine feste Position relativ zum Hintergrund zu geben. Dh ich habe es so positioniert, wo ich es verlaufen möchte, aber wenn das Browserfenster geändert wird, haben sich die Popup-Verschiebungen in Bezug auf den Inhalt der Hintergrundseite verändert. Ich verstehe, dass dies ein Merkmal von Nyromodal ist, aber ich würde es sehr gerne ausschalten. Ich kann keine Funktion in den Dokumenten finden, um dies zu tun. Hat jemand irgendwelche Ideen?

CSS -Snippet:

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

Abzug:

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>';

Danke, HR

Answer 1

Um zu vermeiden, dass ein Popup nach der Größe des Browserfensters verschoben (und das Größenänderung) ist, können Sie das überschreiben resize Funktion (ohne Code im Inneren) in die nyromodalen Optionen:

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

Als alternative (oder Hinzufügen) können Sie entsprechend Ihren Anforderungen ändern CSS -Eigenschaften Verwenden von Nyromodal -Rückrufen, die sich mit der Größenänderung befassen:

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