#myBox {
position: absolute;
left: 50%;
top: 50%;
width: 99px;
margin-left: -50px; /* Ca. halvdelen af bredden for at centrere */
margin-top: -60px; /* Ca. halvdelen af højden for at centrere */
font: 12px verdana, arial, sans-serif;
cursor: default;
}
#myBox .head {
position: relative;
padding-left: 6px;
background: #000080;
color: white;
}
#myBox .head span {
position: absolute;
right: 3px;
font-weight: bold;
cursor: pointer;
}
-----------------------------------------------------
<script type="text/JavaScript">
function closePic(sId) {
document.getElementById(sId).style.display = "none";
}
</script>
<div id="myBox">
<div class="head">Luk ...<span onclick="closePic('myBox')">X</span></div>
<img src="
http://www.eksperten.dk/img/elogo.png"></div>
-----------------------------------------------------
Første gang en bruger kalder en side skrives det, der står mellem de punkterede linjer lige indenfor body-start-tagget. Samtidig sættes en session-variabel.
Hvergang en side kaldes - også første gang - spørges til den pågældende variabel. Eksisterer den ikke, skrives billedet og scriptet ud i dokumentet - ellers ikke.