Foros del Web - Ver Mensaje Individual - al hacer click en una imagen pequeña que cambie una imagen grande

maximendez88 · #1 (**permalink**) 28/11/2012, 11:37

buenas estoy intentando hacer una pequeña galeria y mi idea para que funcione seria simple... o sea... tengo imagenes pequeñas y una imagen grande... la idea es que al hacer click en las imagenes pequeñas, la grande cambie sin recargar la pantalla.... he intentado hacer algo pero aun no logro dar con la solucion espero que alguien me pueda dar una mano... saludos

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>
 
 
<script type="text/javascript">
// JavaScript Document
function cambiar(cambiar_foto)
{
    document.getElementById('cambiar').src=cambiar_foto
}
</script>
</head>
 
<body>
 
 
 
<img src="prueba.jpg" id="cambiar"/>
 
 
 
<br/>
<br/>
<img src="prueba_slide.jpg"  style="cursor: pointer" onclick="cambiar('prueba.jpg');"/>
 
<img src="prueba_slide2.jpg"  style="cursor: pointer" onclick="cambiar('prueba2.jpg');"/>
 
 
 
 
 
 
</body>
</html>