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