 | max_400 |
| | lightbox con javascriptoscuramento della pagina e scambio immagine lightbox http://maxgiulia.altervista.org/_altervista_ht/lightbox.htmlCODICE <script> function effetto(){ document.getElementById('sfondo').style.background='#000000'; document.getElementById('banana').src='http://maxgiulia.altervista.org/_altervista_ht/catherine_zeta_jones2.jpg'; } </script> <body id='sfondo'> <div align="center"> <img id="banana" src="http://www.leggilo.net/wp-content/uploads/2012/04/manuela_arcuri2.jpg" width="376"><br> <input type="button" onclick="effetto()" value="sfondo"> </div> </body> cliccando sul pulsante si oscura lo schermo e viene caricata un'altra foto Spazio pubblicitario: ------------------------------------------ Catherine Zeta-Jones la moglie di Zorro----------------------------------------------------------------- Messaggio per Valeria....tvb...oggi mi manchi moltoEdited by max_400 - 3/6/2012, 17:35
| | | |
| |
|
| Vale2 |
| | Ciao Max, script carino, si dovrebbe evitare che inizialmente venga caricata una immagine che non esiste, in più visto che con un src vuoto in un tag <img sono state assegnate le dimensioni W e H. Per il cambio del colore dello sfondo meglio un document.body. invece che un ID. Per l'immagine si può assegnare W e H con dimensioni di un solo px (0 non è accettato) e gestirle con il gestore di eventi onload e la parola chiave this di javascript. CODICE <script type="text/javascript"> function effetto(){ document.body.style.backgroundColor="#000000" document.getElementById('banana').src='http://max400.netne.net/catherine_zeta_jones2.jpg'; } </script> <body> <div align="center"> <img id="banana" src="" width="1" height="1" onload="this.width='376'; this.height='486'" onerror="alert('Immagine non caricata')"><br> <input type="button" onclick="effetto()" value="sfondo"> </div> onload per W e H e onerror se l'immagine non viene trovata (link errato ecc...) fai una determinata operazione nell'esempio un messaggio di alert. Valeria.  | | | |
| |
|
| 2 replies since 18/4/2012, 00:59 86 views |
| |
| | |
