Guarda un po se ti piace questo...
al contrario l'effetto parte subito all'avvio della pagina
ecco qui l'esempio
http://max400.netne.net/lightbox-reverse.html
cliccando sul pulsante chiudi si attiva una funzione che
ricrea del codice HTML.
Il bello di javascript è che puoi creare codice html proprio come a php
e questo ti dà la possibilità di ricreare un mondo intero.
Questa funzione è chiamata innerHTML associato al document Id
tramite la classe document puoi anche regolare la larghezza e l'altezza
della foto e quindi non hai bisogno dei css perchè ricreati da javascript.
ecco il codice
Codice:
<script>
function effetto(){
document.getElementById('sfondo').style.background='#000000';
document.getElementById('banana').src='http://max400.netne.net/catherine_zeta_jones2.jpg';
}
function togli(){
document.getElementById('sfondo').innerHTML='<div align=center>- Z O R R O -<BR> by <br>Max_400</div>';
document.getElementById('sfondo').style.background='#FFFFFF';
}
</script>
<body id='sfondo' onload="effetto()">
<div align="center">
<img id="banana" src="" width=376 height=486><br>
<input type="button" onclick="togli()" value="chiudi X">
</div>
</body>
Piccola parentesi
(la ragazza nella foto è l'attrice Catherine Zeta-Jones nella parte di Elèna,
la moglie di Zorro).
Ps. Spero che il moderatore di questa sezione, Max_400
(ovvero me stesso... ih ih ih), non si arrabbi,
se ho aperto questa piccola parentesi.
by Zorro.
