Tempo fa avevo creato, per il mio sito, un modal popup per visualizzare le anteprime dell'immagine, proprio ora l'ho modificato, nel modo in qui credo te vuoi:
codice:
function modalPopup()
{
div = document.createElement("div");
div.style.position = "fixed";
div.style.top = "0px";
div.style.left = "0px";
div.style.width = "100%";
if (typeof(window.innerWidth) == "number") {
div.style.height = window.innerHeight + "px";
} else if (document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight )) {
div.style.height = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
div.style.height = document.body.clientHeight;
}
div.style.filter = "alpha(opacity=45)";
div.style.opacity = ".45";
div.style.textAlign = "center";
div.style.background = "black";
div.style.visibility = "visible";
div.innerHTML = "<div style=\"margin:0 auto; width:700px; margin-top:200px; padding:10px; text-align:center; background:#ffffff;\"><a href=\"body.removeChild('div');\">Chiudi div</a>
Inserisci qui il contenuto.</div>";
document.body.appendChild(div);
}
Prova ad eseguire questa funzione nell'evento onload ( al caricamento ) della pagina.