 |
Realizzare una piccola gallery con HTML e JavaScript
Scritto da Michelangelo il 03/09/2009 alle 13:13:20.
Iniziamo a creare la nostra Gallery inserendo tra i tag head e
<script type="text/javascript">
function Anteprima(file){
document.getElementById('imggrande').src = file;
}
</script>
Fatto ciò proseguiamo con la parte HTML, inserendo tra i tag body e
<center><img id="imggrande" src="immagine-standar.jpg" alt="" /></center><br /><br />
<a href="javascript:Anteprima('001.jpg')"><img src="miniatura_001.jpg" alt="" /></a>
<a href="javascript:Anteprima('002.jpg')"><img src="miniatura_002.jpg" alt="" /></a>
<a href="javascript:Anteprima('003.jpg')"><img src="miniatura_003.jpg" alt="" /></a>
<a href="javascript:Anteprima('004.jpg')"><img src="miniatura_004.jpg" alt="" /></a>
<a href="javascript:Anteprima('005.jpg')"><img src="miniatura_005.jpg" alt="" /></a>
<a href="javascript:Anteprima('006.jpg')"><img src="miniatura_006.jpg" alt="" /></a>
A questo indirizzo troverete una demo dello script.
Condividi
Tutti i campi sono obbligatori.
1 Il tuo indirizzo e-mail non verrà pubblicato ma occorre inserirlo.
2 Puoi inserire del codice JavaScript o PHP utilizzando i tag [php] e [/php].
2 Puoi inserire del codice JavaScript o PHP utilizzando i tag [php] e [/php].
