cambiar imagen mediante eventos html

elpetakas · #1 (**permalink**) 20/07/2011, 03:17

Tengo una serie de imagenes puestas en mi pag, como esta:

Código:

<div style="position:absolute; left:10px; top:10px;">
		<a href="<?php echo $this->baseurl ?>/"><img src="/images/logo.png" border="0"></a>
	</div>

bueno pues pregunto a ver si me podéis orientar para que esa imagen al llamar al evento onMouseOver (al poner el ratón por encima) me genere un codigo que me cambie la imagen por otra al estilo como si fuera un boton

¿como me seria más fácil hacerlo? uso javascript, php? como lo hago? necesito asi un poco una nocion básica de como lo tengo que hacer y un poco de ayuda con el codigo ya que no conozco mucho esos lenguajes.

gracias

elpetakas · #2 (**permalink**) 20/07/2011, 04:21

gracias, ya lo conseguí, esta página me resultó de gran ayuda http://www.iec.csic.es/criptonomicon...rimagenes.html

Carlangueitor · #3 (**permalink**) 20/07/2011, 15:48

Yo creo que lo mejor es usar CSS para este caso, con la pseudo-clase :hover http://www.librosweb.es/css_avanzado...do-clases.html

Saludos

elpetakas · #4 (**permalink**) 21/07/2011, 05:36

muchas gracias, tengo una pregunta, en el enlace que pusiste pone:

Los navegadores obsoletos como Internet Explorer 6 y sus versiones anteriores no son capaces de aplicar estas pseudo-clases (:visited, :hover y :active) a los elementos que no sean enlaces.

¿Mediante javascript el visitante tendrá que tener java instalado en su pc verdad?, ¿Pero funcionaria en IE6?

¿Cómo puedo hacer para esa funcionalidad sea visible por todos?
y...
¿Qué lenguaje de los dos es más eficiente?

Se tiene que notar lo nuevo que soy jeje, muchas gracias, estoy empezando y necesito orientacion

IsaBelM · #5 (**permalink**) 21/07/2011, 05:57

Cita:

Iniciado por elpetakas

¿Mediante javascript el visitante tendrá que tener java instalado en su pc verdad?, ¿Pero funcionaria en IE6?

tendrá que tener javascript activado. ie6 es un navegador muy antiguo así que no debería de preocuparte. usar css es la mejor solución

Cita:

Iniciado por elpetakas

¿Cómo puedo hacer para esa funcionalidad sea visible por todos?

usa css y olvídate de ie6

Cita:

Iniciado por elpetakas

y...
¿Qué lenguaje de los dos es más eficiente?

en este caso css ya que si usas javascript estás supeditado a que el usuario lo tenga activado

Carlangueitor · #6 (**permalink**) 21/07/2011, 12:12

El ejemplo que pusiste al principio es un enlace, no deberías tener problemas de compatibilidad. Java y Javascript no son lo mismo, Javascript ya viene incluido en tu navegador. Lo mejor sería usar CSS y usar hacks para Internet Explorer: http://www.cssblog.es/solucion-a-10-...ibles-con-ie6/ CSS y Javascript no deben ser comparados así, CSS es para estilos y JavaScript es un lenguaje de programación.

Saludos

elpetakas · #7 (**permalink**) 21/07/2011, 16:13

me decido por cambiar el codigo a css a ver si consigo mas rendimiento de la pag, ya os comentare. Un saludo