Cambiar imagen con un click

[codig0]

Hola,

quiero cambiar de imagen al clickear en su miniatura, para que se muestre en grande vamos... pero no lo consigo, tengo este código, que si funciona, si utilizo select y option... pero yo lo que quiero es que al clickar en la miniatura se haga grande.

Código:

				<select name="fondo" onChange="document.images.fondo.src='images/fondos/'+this.value+''">
				{fondo_option}
				</select>
				&nbsp;<img name="fondo" src="images/fondos/1.jpg" alt="" title="">

supongo que habrá que cambiar +this.value+ por algo para que coja el name de el img o el id... pero como no sé javascript...

[Adler]

Hola

Puede que sea por que aquí es una hora mas y ya estoy muy pesado, pero no entiendo que quieres hacer realmente

Suerte

[codig0]

jaja, a ver te explico, he listado las imágenes de un directorio con php y las he puesto en miniatura, ahora sale una lista de imágenes en miniatura, entonces lo que quiero, es que al pinchar en una de ellas se haga grande, bien, entonces pensé en como hacerlo y llegue a la conclusión de que la mejor manera era poniendo un img y con javascript cambiar el src de ese img, al pinchar en una imagen... ¿se me entiende?, el problema es que la parte de javascript, no sé hacerla.

[Adler]

Hola

La función sería algo como esto

Código javascript:

function funcion(img) {
document.getElementById("fondo").src= img +".gif";
}
 
<img id="miniatura1" src="miniatura1.gif" onclick="funcion(this.id);"/>
 

Suerte

[codig0]

Hola,

pues lo probé y no me funcionó...

Edito:

encontré la solución:

Código:

<style>
#display {
display:none;
} 
</style>
<script type="text/javascript">
//<![CDATA[

function showImage(w,h,image) {

var obj=document.getElementById("display").style;
obj.display="block";
obj.width=w+"px";
obj.height=h+"px"
obj.background="url("+image+")";

}

//]]>
</script> 

<div id="display"></div>

<a href="javascript:void(showImage(450,360,'images/fondos/1.jpg'))"><img src="images/fondos/1.jpg" /></a><a href="javascript:void(showImage(450,360,'images/fondos/2.jpg'))"><img src="images/fondos/2.jpg" /></a>