io ho usato questo codice per una gallery dove ci cliccando sull'immagine mi compare al centro dello schermo l'immagine ingrandita all'interno di un div che prima era invisibile
Codice PHP:
<script>
function openoverlay(id_overlay) {
document.getElementById(id_overlay).style.display = 'block';
}
function closeoverlay(id_overlay) {
document.getElementById(id_overlay).style.display = 'none';
}
function CentraRispettoSchermo(w, h)
{
var x = Math.ceil((window.screen.width - w) / 2);
var y = Math.ceil((window.screen.height - h) / 2);
return {'x':x, 'y':y};
}
</script>
che poi richiamo con questo
Codice PHP:
echo "<a ref=\"#\" onclick=\"openoverlay('foto".$n."');CentraRispettoSchermo(".$larg.",".$alte.");\">
<img width=\"".$larghezza."\" height=\"".$altezza."\" src=\"foto/".$file."\">
</a>";
echo "<div id=\"foto".$n."\" style=\" border:#000000 thin solid; vertical-align:middle;
background:#ffffff; position:absolute; left:document.write(x)px; top:document.write(y)px;
width:".($larg+35)."; height:".($alte+40)."; z-index:2; overflow:auto; display:none;\">
<a href=\"#\" onclick=\"closeoverlay('foto".$n."')\"
<img src=\"foto/".$file."\"></div>";
su Firefox funziona perfettamente, mentre su Explorer mi fa vedere un div bianco (non carica l'immagine al suo interno) e nemmeno centrato sul monitor (me lo mette in alto a sinistra)
Help! :master: