Try this
Code:
<script>
function popup_img() {
var layer=document.createElement("div");
layer.id="layer_id";
layer.style.position="absolute";
layer.style.left=0;
layer.style.top=0;
layer.style.right=0;
layer.style.bottom=0;
layer.style.background="black";
layer.style.opacity=0.5;
var popup_img = document.createElement("div");
popup_img.id="the_popup_img"
popup_img.style.position="absolute"
popup_img.style.left="50%";
popup_img.style.top="50%";
popup_img.style.maxWidth="500px";
popup_img.style.transform="translatex(-50%) translatey(-50%)";
popup_img.innerHTML="<div style='position: relative; color: white; float: right; cursor: pointer; font-family: verdana; font-size: 1em; border: 1px solid white; border-radius: 40px; padding: 5px; width: 20px; top: 35px; text-align: center' onclick='document.body.removeChild(document.getElementById(\"layer_id\")); document.body.removeChild(document.getElementById(\"the_popup_img\"))'>X</div><img alt='' src='http://wierdenland.nl/jupiter.jpg' style='width: 100%'>"
document.body.appendChild(layer);
document.body.appendChild(popup_img);
}
setTimeout(popup_img,2000)
</script>
Bookmarks