Foros del Web » Programando para Internet » Javascript »

Cambiar entre varias imagenes al pasar el cursos por encima de una imagen

Estas en el tema de Cambiar entre varias imagenes al pasar el cursos por encima de una imagen en el foro de Javascript en Foros del Web. Hola a todos, Llevo tiempo buscando la manera de realizar este efecto sin éxito, lo que encuentro son los típicos onmouseout y onmouseover o hover ...
  #1 (permalink)  
Antiguo 20/03/2014, 03:35
 
Fecha de Ingreso: marzo-2014
Ubicación: Barcelona
Mensajes: 1
Antigüedad: 10 años, 9 meses
Puntos: 0
Pregunta Cambiar entre varias imagenes al pasar el cursos por encima de una imagen

Hola a todos,

Llevo tiempo buscando la manera de realizar este efecto sin éxito, lo que encuentro son los típicos onmouseout y onmouseover o hover en la hoja de estilos, pero es una substitución de una imagen por otra y lo que busco es el efecto de que dependiendo en que área de la imagen original se situe el mouse, ésta cambie por otra imagen (Adjunto un esquema con lo que quiero decir [URL="http://subefotos.com/ver/?4a57948e623a2c7e2d5e8698bcc84b7co.jpg"]aquí[/URL])

Me gustaría saber si alguien sabe como hacerlo, si hay algun tutorial. Tampoco sé si realmente se consideraría como un slider/carrusel o que. Si alguien sabe de alguna web que lo tenga o cualquier info, os estaría muy agradecido.

Muchas gracias de antemano
  #2 (permalink)  
Antiguo 20/03/2014, 06:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Cambiar entre varias imagenes al pasar el cursos por encima de una imagen

Bienvenido al foro.

Con CSS se podría hacer pero sufriría mucho la semántica de código HTML, entonces no es lo más adecuado.

Por lo tanto tendrás que usar JavaScript para hacerlo. Así que te muevo el tema para ese foro.

Etiquetas: css, cursos, encima, hover, imagenes
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 19:49.