Hola!!
Ya dije que no tengo nada de experiencia. Estoy intentando añadir cosas, cambiando el orden de otras, y todo para que no me funcione nada...
En realidad lo que estaba buscando hacer es lo siguiente: algo como lo que reproduce el siguiente script, pero que en vez de ampliar la imagen, lo que haga es que la pequeña sea una imagen que, cuando le hagas click, la grande sea otra. Por ejemplo, la imagen 1 sea un número 1 y se abra la primera imagen que hay cargada. Y así sucesivamente. Y todo esto centrado en la página.
Código Javascript
:
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://files.123inventatuweb.com/acens8631/image/doc050515-001.jpg
" alt="MÓDULOS BAJOS" width="60" height="60" onclick="galeria(this);"/>
<img src="
http://files.123inventatuweb.com/acens8631/image/modeloficha.jpg
" alt="MÓDULOS ALTOS" width="60" height="60" onclick="galeria(this);" />
<img src="
http://files.123inventatuweb.com/acens8631/image/68796dc99c3746c392b757947552c512.jpg
" alt="MÓDULOS COLUMNA" width="60" height="60" onclick="galeria(this);" />
<br />
<br />
<img src="
http://files.123inventatuweb.com/acens8631/image/doc050515-001.jpg
" alt="" width="1000" height="600" name="ampliar" />
</p>
</body>
</html>
Es muy difícil para alguien sin experiencia??
Muchísimas gracias, de verdad.