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

emprear · #4 (**permalink**) 28/11/2012, 18:47

Una alternativa que puede serte útil, para el caso de que las imágenes no sean de gran tamaño o mucho peso, es usar la misma imagen para la miniatura, de esta manera ya estarías cargando la imagen ampliada

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>
<title>Galería</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function galeria(x){
document.ampliar.src=x.src;
}
//]]>
</script>
 
</head>
<body>
<p>
<img src="http://foros.emprear.com/img_fdw/481.png" alt="" width="60" height="60" onclick="galeria(this);"/>
<img src="http://foros.emprear.com/img_fdw/wall05-homero-simpsons.jpg" alt="" width="60" height="60" onclick="galeria(this);" />
<img src="http://foros.emprear.com/img_fdw/blob.jpg" alt="" width="60" height="60" onclick="galeria(this);" /><br /><br />
<img src="http://foros.emprear.com/img_fdw/tr.gif" alt="" width="400" height="400" name="ampliar" />
</p>
</body>
</html>

tr.gif es un gif transparenbte de 1px x 1px, aunque como imagen por defecto puede ponerse otra

Saludos