Foros del Web » Creando para Internet » HTML »

cambiar imagen mediante eventos html

Estas en el tema de cambiar imagen mediante eventos html en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/07/2011, 03:17
 
Fecha de Ingreso: enero-2011
Mensajes: 105
Antigüedad: 6 años, 8 meses
Puntos: 10
cambiar imagen mediante eventos html

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
  #2 (permalink)  
Antiguo 20/07/2011, 04:21
 
Fecha de Ingreso: enero-2011
Mensajes: 105
Antigüedad: 6 años, 8 meses
Puntos: 10
Respuesta: cambiar imagen mediante eventos html

gracias, ya lo conseguí, esta página me resultó de gran ayuda http://www.iec.csic.es/criptonomicon...rimagenes.html
  #3 (permalink)  
Antiguo 20/07/2011, 15:48
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.965
Antigüedad: 9 años, 7 meses
Puntos: 1313
Respuesta: cambiar imagen mediante eventos html

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
__________________
Grupo Telegram Docker en Español
  #4 (permalink)  
Antiguo 21/07/2011, 05:36
 
Fecha de Ingreso: enero-2011
Mensajes: 105
Antigüedad: 6 años, 8 meses
Puntos: 10
Respuesta: cambiar imagen mediante eventos html

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
  #5 (permalink)  
Antiguo 21/07/2011, 05:57
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 4 meses
Puntos: 1010
Respuesta: cambiar imagen mediante eventos html

Cita:
Iniciado por elpetakas Ver Mensaje
¿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 Ver Mensaje
¿Cómo puedo hacer para esa funcionalidad sea visible por todos?
usa css y olvídate de ie6

Cita:
Iniciado por elpetakas Ver Mensaje
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
  #6 (permalink)  
Antiguo 21/07/2011, 12:12
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.965
Antigüedad: 9 años, 7 meses
Puntos: 1313
Respuesta: cambiar imagen mediante eventos html

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
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 21/07/2011, 16:13
 
Fecha de Ingreso: enero-2011
Mensajes: 105
Antigüedad: 6 años, 8 meses
Puntos: 10
Respuesta: cambiar imagen mediante eventos html

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

Etiquetas: eventos, mediante, php, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:25.