Prueba a ver que te parece este. Lo que es fundamental es que las dos imágenes sean la primera y la segunda que aparezcan en el body de la página (en el código).
Código PHP:
<html>
<head>
<title>Prueba</title>
<style>
#banner, #cierre{position:absolute;
top:8000px;
}
</style>
<script>
segundos=10;
imagen=new Image();
imagen.src="imagen.gif";
cierre=new Image();
cierre.src="cierre.gif"
function cargarbanner(){
x=(screen.availWidth-imagen.width)/2;
y=((screen.availHeight/2)-imagen.height);
document.images[0].src=imagen.src;
document.images[0].style.left=x;
document.images[0].style.top=y;
document.images[1].style.left=x+(imagen.width)-cierre.width;
document.images[1].style.top=y;
setTimeout("quitar()",(segundos*1000))
}
function quitar(){
document.images[0].style.visibility='hidden'
document.images[1].style.visibility='hidden'
}
</script>
</head>
<body onload="cargarbanner()">
<img id="banner" src="nada">
<img id="cierre" onclick="quitar()" src="cierre.gif">
</body>
</html>
Pincha aquí para ver el ejemplo