Salve a tutti,
sto cercando di creare una semplice galleria fotografica con javascript.
La mia idea è quella di assegnare una URL al tag <img> in base alla miniatura clickata.
Per fare ciò ho pensato di creare una piccola funziona che vada a modificare l'attributo src del tag in questione, tramite il metodo getElementById.
purtroppo però il metodo non riesce a recuperare l'id dell'elemento restituendomi questo errore:
Uncaught TypeError: Cannot set property 'src' of null
ho provato anche ad inserire lo script in fondo al body ma nulla.
Sapreste aiutarmi per favore?
questo è il codice:
codice:<html> <head> <link rel='stylesheet' href='css/galleria.css' type='text/css'> <script type="text/javascript"> function changeStyle(url){ document.writeln(url); document.getElementById("ante").src = url; } function load(){ alert("caricato"); } </script> </head> <body onload="load()"> <div class="gallery"> <div class="anteprima"> [img]css/portfolio/immagine.jpg>[/img] </div> <div class="miniat"> <a href="javascript:changeStyle('css/portfolio/immagine2.jpg')"> <div class="mini"> [img]/css/portfolio/miniature/miniatura.jpg[/img] </div> </a> </div> </div> </body> </html>
Rispondi quotando
