Buenas,
Me interesa un javascript que me permita visualizar una imagen diferente cada vez que haga clic en otras imagenes más pequeñas situadas en otro sitio de la página.
Alguien conoce alguno o cómo hacerlo?
| |||
imagenes de intercambio Buenas, Me interesa un javascript que me permita visualizar una imagen diferente cada vez que haga clic en otras imagenes más pequeñas situadas en otro sitio de la página. Alguien conoce alguno o cómo hacerlo? |
| |||
Re: imagenes de intercambio Ui, Veo que este código va perfecto para el Internet Explorer, però no en cambio para Firefox. Sabes cómo solucionarlo para qeu corra también en otros navegadores? |
| ||||
Re: imagenes de intercambio La verdad es que para FF no hay ningún problema según he probado: Código PHP: Un saludo.
__________________ - Haz preguntas inteligentes, y obtendrás más y mejores respuestas. - Antes de postearlo Inténtalo y Búscalo. - Escribe correctamente tus mensajes. |
| |||
Re: imagenes de intercambio Pues yo no consigo que el FF lo acepte. Creo que mi problema debe estar en el código html o css. El html: <div id="foto_central"> <img src="imatges/banyoles-aeria.png" title="prova" alt="prova" id="im"> </div> <div id="fotos_2"> <ul> <li><img src="http://news.xinhuanet.com/english/2006-07/24/xinsrc_522070324082600022685.jpg" alt="imagen1" title="imagen1" onclick="document.getElementById('im').src='http://www.hospes.es/Images/Fullsize/palma_main_4.jpg'"></li> <li><img src="http://news.xinhuanet.com/english/2006-07/24/xinsrc_522070324082600022685.jpg" alt="imagen2" title="imagen2" onclick="document.getElementById('im').src='http://www.hospes.es/Images/Fullsize/palma_main_3.jpg'"></li> </ul> </div> El CSS: div#foto_central { float: left; width: 18.4em; height: 18.33em; _height: 0; } div#fotos2 {_margin-top: 3.2em;} div#fotos2 ul { list-style: none; margin: 0; padding: 0; } div#fotos2 li { display: inline; padding-right: .5em; } Le veis algún problema por aquí? |
| ||||
Re: imagenes de intercambio Hola: Las imágenes existen y el script está bien... lo he probado en explorer y muestra bien las imágenes... Si tienes firefox u opera, mira la consola de error... Sobre los estilos, los que se definen por el id no es necesario ponerle el tag por delante... div#foto_central => #foto_central Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| |||
Re: imagenes de intercambio Pues lo he probado en dos PC distintos y en uno sí funciona con FF y en el otro no. Acaso hay que activar algo en el navegador para que pueda leer el javascript? |
| ||||
Re: imagenes de intercambio Cita: Pues sí. Prácticamente todos los navegadores en su configuración tiene la opción de deshabilitar javascript... mira las preferencias.Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Re: imagenes de intercambio Hola: Ese tipo de puntero se pone con estilos: cursor: pointer Saludos ![]()
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
| ||||
Re: imagenes de intercambio Hola joanrcp Pon esto entre <head> y </head>
Código:
Y las imágenes:<style type="text/css"> .peque {cursor:pointer} <style>
Código:
Edito: "me se" ha adelantado caricatos (¡Hola! <img src="imagen.jpg" class="peque" /> ![]() ![]() Saludos, ![]() |