03/06/2003, 11:52
| |||
| |||
 Como se hace esto ? Como puedo hacer que cambie una imagen por otra cuando pasen el mouse por un link de mi web (lo he visto en muchas webs pero ahora que lo necesito no recuerdo en cuales). La cuestion es que tengo una imagen que es como un foco encendido y otro apagado, quiero que cuando pasen por cualquiera de los links de mi web la imagen del foco apagado se cambie por la de encendido y cuando quiten el mouse la imagen vuelva a pagado. Espero me puedan ayudar. Angelus |
|
03/06/2003, 14:30
| |||
| |||
| Muy sencillo: primero haces un preload: <script... image1=new Image image1.src="tu_imagen_1" image2=new Image image2.src="tu_imagen_2" <body... <img id="imagen" src="tu_imagen_1" onmouseover="this.src='tu_imagen_2'" onmouseout="this.src='tu_imagen_1'"> Así de simple y te funciona sin problemas en Netscape y en el Explorer. Saludos  |
|
03/06/2003, 17:34
| |||
| |||
| Gracias por tu ayuda, pero por lo que entiendo eso seria para cambiar la imagen cuando se pasa el mouse sobre la misma imagen lo que yo necesito es que cambie cuando pase por cualquiera de los links de mi web. Angelus |
|
04/06/2003, 14:24
| |||
| |||
| azlo así: <script .... image1=new Image image1.src="tu_imagen_1" image2=new Image image2.src="tu_imagen_2" function carga1(){ document.getElementById('enlace').src = "tu_imagen_2" } </script> </HEAD> <body ... <img id="enlace" src="tu_imagen_1"> <p onclick="carga1();">Pulsar para cambiar</p> </BODY> </HTML> Y zasss  en una habilidosa maniobra cambiamos la imagen 1 por la 2.esta es la base para todas las combinaciones  con eventos, etc . para el cambio del valor src de una imagen.Espero que te sirva Si vas a controlar varios enlaces puedes mandar la variable a cargar. P.E. onclick="cargar1(tu_imagen_elegida);" y en el script manejas el valor que que envías en cada caso.  Bueno, yo no soy un artista de la GÜES  , oshe pero uno hace sus pinitos!!  ... eso sí con la ayuda de los artistas de este foro  Saludos |
