prova

<div id="overlay">
03.<div class="popup">
04.<h2>Finestra modale!</h2>
05.<p>La largezza della finestar e impostata in precentuale rispetto del conetnitore genitore, e nel nostro esempio è lo sfondo che oscura la pagina del sito.</p>
06.<div class="pl-left">
07.<img src="/la vostra immagine ">
08.</div>
09.<p>E previsto utilizzo di miniature incorporati, che posiamo inserire sia sulla destar sia sulla sinistra, e  sono piazzati in un div con le classi  .pl-left e .pl-right rispetivamente.</p>
10.<div class="pl-right">
11.<img src="/indirizzo della vostra immagine ">
12.</div>             
13.<p>La grandezza del blocco con miniature e sempre fissata in percentuale (25%), mantenendo in tal modo le proporzioni con cambio della grandezza dello schermo del dispositivo usato dal visitatore.</p>
14.<p>Una semplice animazione di apparizione è realizzata atraverso cambiamento della proprieta di trasparenza (opacity) da 0 a 1</p>
15.<button class="close" title="Chiudere"onclick="document.getElementById('overlay').style.display='none';"></button>
16.</div>
17.</div>
<script type="text/javascript">
2.var delay_popup = 5000;
3.setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
4.</script>