Javascript - Mostrar imagen segun seleccion - lista desplegable

Códigos Javascript

Mostramos una lista desplegable la cual modifica la imagen segun la opcion que se haya seleccionado. Simplemente debemos modificar las opciones 1, 2, 3 etc. con los valores del la lista.

Tutores.org

Inicio > Javascript

Visitas: 31,891 - 19/09/2004 13:55:44

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

# Codigo ofrecido por Tutores.org

<img src="imagen_inicial.gif" name="cambio" alt="">
<select onchange="if(document.images) document.images['cambio'].src='/imagenes/'+this.options[this.selectedIndex].value+'.gif';">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Mostrar imagen segun seleccion - lista desplegable" href="http://www.tutores.org/codigo/1344/" target="_blank">Mostrar imagen segun seleccion - lista desplegable</a>

COMENTARIOS

Comentario usuario

shopthia 12-03-2009 17:44:11

1 5

no le entendi muy bien =S, que se debe de modificar?

Comentario usuario

Juan 23/03/2004 14.09.13

1 5

esta muy bien, lo malo es que solo funciona con explorer

Comentario usuario

DarkGHardianDarkGHardian

4 5

como lo hago con imagen en jpg? las imagenes deben tener un nombre en especifico?

Comentario usuario

ningunoninguno

4 5

Se supone que esto es una lista desplegable de imagenes???

Comentario usuario

yomisyomis

3 5

hechare un vistazo al codigo fuente de esta pagina...

Comentario usuario

Sin definirSin definir

2 5

por lo menos en chrome este código tal cual no me ha funcionado

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.