Pirata Posted April 28, 2013 at 02:03 PM Report #505062 Posted April 28, 2013 at 02:03 PM Boas, Faz algumas horas que estou a tentar resolver aqui um problema. O que eu quero fazer é o seguinte: Tenho uma imagem inicial em grande na pagina. Por baixo tenho 2 outras imagens em mais pequeno queria que quando clica-se numa das duas imagens a de tamanha maior mudava para essa imagem que cliquei. Tem como fazer isso? Aguardo Resposta.
Guest Posted April 28, 2013 at 06:14 PM Report #505087 Posted April 28, 2013 at 06:14 PM Sim é simples. Basta verificares quando fazes um click na imagem debaixo, depois é chamar uma função em javascript que muda a source da imagem grande. Um breve exemplo: <img id="big_image" class="icon" src="1.png" alt="1.png" border="0" /> <img onclick="changeImage(this)" id="1" src="1.png" alt="1" /> <img onclick="changeImage(this)" id="2" src="2.png" alt="2" /> <img onclick="changeImage(this)" id="3" src="3.png" alt="3" /> <script> function changeImage(thisEle){ document.getElementById('big_image').src = thisEle.id+".png" } </script> Abraço
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now