Foros del Web - Ver Mensaje Individual - Combinar select con imagenes...Ayudar por favor!!

KarlanKas · #5 (**permalink**) 24/10/2007, 01:00

Pues no hay problema. Sería algo así:

Código:

<html>
<head>
	<title>Untitled</title>
</head>

<body>

<img src="http://www.dominio.com/pepe.jpg" onclick="document.forms['juan']['ernesto'].value=this.src;document.images['enGrande'].src=this.src" />
<img src="http://www.dominio.com/anselmo.jpg" onclick="document.forms['juan']['ernesto'].value=this.src;document.images['enGrande'].src=this.src" />

<form name="juan">
<select name="ernesto" >
<option value="*">Elige opción</option>
<option value="http://www.dominio.com/pepe.jpg">Poner Pepe</option>
<option value="http://www.dominio.com/anselmo.jpg">Poner Anselmo</option>

</select>
</form>
<img src="nada.jpg" name="enGrande" />

</body>
</html>

siendo la imagen enGrande el sitio donde pongas las imágenes en grande. Y si quieres que el archivo origen sea otro porque tiene más resolución puedes poner, por ejemplo:

document.images['enGrande'].src=this.src.replace('.jpg','_grande.jpg');

en vez de:

document.images['enGrande'].src=this.src

suponiendo que las imágenes de más resolución sigan el patrón de nombre_grande.jpg

Espero que te sirva!