SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Selector de imagenes

Códigos Javascript

Para ofrecer a tus visitantes una seleccion de imagenes o galeria, este script puede ser muy practico, ademas de muy facil adaptacion a tus paginas.
Visitas: 15,233 - 11/12/2003 22:42:23
DemoNO 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. <body>
  2. <form name="selector_imagenes">
  3. <table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
  4. <tr>
  5. <td width="35%" valign="top" align="left">
  6. <select name="selector_imagenes2" size="6"
  7. onChange="genera_imagen(this.options[this.selectedIndex].value)">
  8. <option value="Imagen1.gif">Imagen1</option>
  9. <option value="Imagen2.gif">Imagen2</option>
  10. <option value="Imagen3.gif">Imagen3</option>
  11. <option value="Imagen4.gif">Imagen4</option>
  12. <option value="Imagen5.gif">Imagen5</option>
  13. <option value="Imagen6.gif">Imagen6</option>
  14. </select>
  15. <script>
  16. function genera_imagen(which){
  17. if (document.all){
  18. dynamic3.innerHTML='<center>Loading image...</center>'
  19. dynamic3.innerHTML='<img src="'+which+'">'
  20. }
  21. else if (document.layers){
  22. document.capa1.document.capa2.document.write('<img src="'+which+'">')
  23. document.capa1.document.capa2.document.close()
  24. }
  25. else
  26. alert('Necesitas como minimo Is o Ns 4 para ejecutar este script')
  27. }
  28. </script>
  29. </td>
  30. <td width="65%" valign="top" align="left"><ilayer id="capa1" width=100%
  31. height=178><layer id="capa2" width=100% height=178><div
  32. id="dynamic3"></div></layer></ilayer></td>
  33. </tr>
  34. </table>
  35. </form>
  36. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Selector de imagenes" href="http://www.tutores.org/codigo/851/" target="_blank">Selector de imagenes</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
09-12-2010 13:56:55
4 5
disculpen les agradesco por los codigos que ponen pero me gustaria saber que es el IS o NS que se necesita para ejecutar el script
Comentario usuario
anavoig
3 5
gracias! era lo que buscaba y no sabia como hacerlo muy buen codigo
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.