buonasera,
grazie a tutti della disponibilità.
mentre scrivevo un codice che ha come scopo l'ingrandimento di un'immagine al click ho riscontrato alcuni problemi che non riesco a risolvere. L'errore sembra essere nell'utilizzo dei metodi DOM per accedere agli elementi del documento che voglio modificare ma non riesco a capire cosa ci sia di sbagliato.
Questo è il mio codice, nel quale per il momento non è stata implementata la possibilità di uscire dall'immagine una volta ingrandita ma non è importante al momento.
codice://codice Javascript var immagini = document.getElementsByTagName("IMG"); var div_grande = document.getElementsByTagName('DIV'); div_grande.style.visibility = "hidden"; var array_img = new Array(); var i = 0; for(i in immagini) { array_img[i] = immagini[i].src; immagini[i].setAttribute("onClick", "ingrandisci(" + i +")"); } function ingrandisci(index) { var img_grande = document.createElement("IMG"); img_grande.setAttribute("src", immagini[index].src); div_grande[0].appendChild(img_grande); div_grande[0].style.visibility = "visible"; }grazie a tutti per l'aiuto.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML lang="it"> <HEAD> <META http-equiv="Content-type" content="text/html; charset=ISO-8859-1"> <TITLE>Immagini</TITLE> <link href="style.css" rel="stylesheet" type="text/css"> <SCRIPT type="text/javascript" src="presentazione.js"></SCRIPT> </HEAD> <BODY> <DIV id="visualizzatore"></DIV> <DIV class="conteiner"> <IMG class="elenco_img" src="img/i1.jpg"> <IMG class="elenco_img" src="img/i2.jpg"> <IMG class="elenco_img" src="img/i3.jpg"> <IMG class="elenco_img" src="img/i4.jpg"> </DIV> </BODY> </HTML>
PS: poiche è un progetto universitario non è permesso utilizzare librerie jquery o simili
