Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

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.
Visitas: 26,453 - 19/09/2004 13:55:44
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

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



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<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>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
12-03-2009 17:44:11
5 5
no le entendi muy bien =S, que se debe de modificar?
Comentario usuario
23/03/2004 14.09.13
5 5
esta muy bien, lo malo es que solo funciona con explorer
Comentario usuario
DarkGHardian
5 5
como lo hago con imagen en jpg? las imagenes deben tener un nombre en especifico?
Comentario usuario
ninguno
3 5
Se supone que esto es una lista desplegable de imagenes???
Comentario usuario
yomis
2 5
hechare un vistazo al codigo fuente de esta pagina...
Comentario usuario
Sin 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.