Foros del Web » Programando para Internet » Javascript »

imagen transparente al pasar mouse

Estas en el tema de imagen transparente al pasar mouse en el foro de Javascript en Foros del Web. Hola... una ayuda..alguien sabe de un script para que se ponga en transparente una imagen en 50% digamos , a la hora que pase el ...
  #1 (permalink)  
Antiguo 05/02/2005, 10:36
Avatar de allan0254  
Fecha de Ingreso: enero-2002
Ubicación: lima-peru
Mensajes: 114
Antigüedad: 22 años, 3 meses
Puntos: 0
imagen transparente al pasar mouse

Hola...
una ayuda..alguien sabe de un script para que se ponga en transparente una imagen en 50% digamos , a la hora que pase el mouse encima,,, la he visto en varias paginas....

he probado con los comportamientos de dreamweaver e intercambiar fotos...

pero me pregunto si hay un script , mas practico

ojala alguien sepa...

un saludo
  #2 (permalink)  
Antiguo 05/02/2005, 11:54
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola allan0254

Intentalo con este código:
Código:
<img src="imagen1.jpg" 
onmouseover="this.style.filter='alpha(opacity=50)';this.style.MozOpacity=.5"
onmouseout="this.style.filter='alpha(opacity=100)';this.style.MozOpacity=1" />
Saludos,
  #3 (permalink)  
Antiguo 05/02/2005, 13:56
Avatar de allan0254  
Fecha de Ingreso: enero-2002
Ubicación: lima-peru
Mensajes: 114
Antigüedad: 22 años, 3 meses
Puntos: 0
hola..

no funciona del todo...
por mas que cambio los valores...cuando paso el mouse en la imagen no se pone transparente , solo cuando sacao el mouse..recien se pone 50% y se queda ahi

la idea es que al tocar la imagen se ponga tranparante y al salir vuelva al 100% normal

se puede
  #4 (permalink)  
Antiguo 05/02/2005, 15:43
 
Fecha de Ingreso: febrero-2005
Mensajes: 8
Antigüedad: 19 años, 2 meses
Puntos: 0
Sí, creo que tengo la solución. Prueba primero retocando esto del código: donde pone this.style.M ozOpacity, tiene que ser en realidad this.style. MozOpacity Después, donde pone opacity=50, cámbia el 50 por un cero. Si lo que quieres es que el efecto sea el contrario, en vez de 0 pon 100, y en el opacity=100 pon 0.
  #5 (permalink)  
Antiguo 06/02/2005, 04:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola de nuevo.

Probé el código antes de poner el mensaje y funcionaba bien. Al poner el puntero del ratón encima de la imágen se hace más trasparente y al sacarlo vuelve a su estado original. El problema puede estar en que, como indica Henrybs parte del código ha quedado separado en el mensaje y debe ir junto.

Si sigues teniendo problemas vuelve por aquí y tratatemos de resolverlos.

Saludos,
  #6 (permalink)  
Antiguo 09/02/2005, 14:17
Avatar de allan0254  
Fecha de Ingreso: enero-2002
Ubicación: lima-peru
Mensajes: 114
Antigüedad: 22 años, 3 meses
Puntos: 0
hola..
si no pude escribir antes,,
pero si lo probe ese dia,,
y funciona ok,,.
bacan justo lo que necesitaba,, sin tanto javascript complicado....

gracias de verdad.....
buena eh


un saludo
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 15:16.