Foros del Web » Creando para Internet » HTML »

Select con imagenes

Estas en el tema de Select con imagenes en el foro de HTML en Foros del Web. BUenos dias... lo que necesito hacer en mi web es que mediante las opciones de un select se cargue una imagen.... es decir si mi ...
  #1 (permalink)  
Antiguo 16/08/2008, 10:50
 
Fecha de Ingreso: abril-2008
Mensajes: 151
Antigüedad: 9 años, 8 meses
Puntos: 0
Select con imagenes

BUenos dias... lo que necesito hacer en mi web es que mediante las opciones de un select se cargue una imagen.... es decir si mi select contiene entre sus opciones: gato, perro, caballo. si escojo la gato se cargue una imagen de un gato y asi sucesivamente.... No c si se podra... Muchas gracias x tu atencion :)
  #2 (permalink)  
Antiguo 16/08/2008, 11:35
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Select con imagenes

Hola:

Puedes crear un array asociativo que asocie el value de cada opción con la url de la imágen...

var asociado = new Object();
asociado["gato"] = "gato.gif";
asociado["perro"] = "perro.gif";
...
<img id="asocoada" src="gato.gif" />
<select onchange="document.getElementById('asociada').src = asociado[this.value]" >
<option value="gato" selected="selected">gato</option>
<option value="perro" >perroo</option>
</select>

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:56.