Domanda

sto usando nyromodal, e avendo problemi dando la finestra pop-up una posizione fissa rispetto allo sfondo. Cioè Ho posizionato dove voglio che vada, ma quando la finestra del browser viene ridimensionata i turni di pop-up in relazione al contenuto della pagina di sfondo. Capisco questa è una caratteristica di nyromodal, ma mi piacerebbe molto simile per spegnerlo. Non riesco a trovare una funzione nella documentazione per farlo. Qualcuno ha qualche idea?

CSS frammento:

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

trigger:

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

Grazie, HR

È stato utile?

Soluzione

Per evitare lo spostamento (e il ridimensionamento) di un pop-up dopo si ridimensiona la finestra del browser, è possibile sovrascrivere la funzione resize (senza codice all'interno) nelle opzioni nyroModal:

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

In alternativa (o l'aggiunta), in base alle proprie esigenze, è possibile modificare proprietà CSS usando nyroModal callback che si occupano di ridimensionamento:

$('.trigger').nyroModal({
  callbacks: {
    beforeResize: function(nm) {
    },
    afterResize: function(nm) {
    }
  }
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top