Imprimir Página - cambiar la opacidad de las imagenes al pasar el maus

Título: cambiar la opacidad de las imagenes al pasar el maus
Publicado por: virtualpc en 29 Noviembre 2012, 23:54 pm

HOLA compañeros del foro

el día de hoy e tenido un inconveniente que no e logrado solucionar

como dice el titulo como cambiar la opacidad de las imágenes destacadas al pasar el maus por encima de ellas en moviespress

bueno con css pude ponerle opacidad

Código:

.poster .aimg img {
    width: 144px;
    height: 215px;
    opacity: 0.85;
    filter: alpha(opacity=85);	
}

pero no encuentro la manera de que al pesarle el maus por encima recupere el 100% de la opacidad

en google encontré que se puede con dos atributos de javascrip

Código:

<img src="Ghost.png" style="opacity: 0.4; filter:alpha(opacity=40)"
OnMouseOver="this.style.opacity=1;this.filter.alpha(opacity=100)"
OnMouseOut="this.style.opacity=0.4;this.filter.alpha(opacity=40)"
/>

fuente : : http://programandoideas.com/efecto-de-imagen-opaca-en-el-evento-onmouseover/ (http://programandoideas.com/efecto-de-imagen-opaca-en-el-evento-onmouseover/)

pero no se como adaptarlo al index intente remplazar src="Ghost.png" por src="<?php the_post_thumbnail(array(148,215)); ?>"

pero no funciono

saludos y espero que comenten :)

Título: Re: cambiar la opacidad de las imagenes al pasar el maus
Publicado por: #!drvy en 30 Noviembre 2012, 01:46 am

Código

<style>
   .poster .aimg img {opacity: 0.85; filter: alpha(opacity=85);}
   .poster .aimg img:hover {opacity: 1; filter: alpha(opacity=100);}
</style>

Lo que te hace falta es darle :hover a la clase para que cambie al pasar el raton por encima.

Saludos

Título: Re: cambiar la opacidad de las imagenes al pasar el maus
Publicado por: virtualpc en 30 Noviembre 2012, 14:31 pm

Cita de: drvy | BSM en 30 Noviembre 2012, 01:46 am

Código

<style>
   .poster .aimg img {opacity: 0.85; filter: alpha(opacity=85);}
   .poster .aimg img:hover {opacity: 1; filter: alpha(opacity=100);}
</style>

Lo que te hace falta es darle :hover a la clase para que cambie al pasar el raton por encima.

Saludos

gracias brother por tu respuesta si efectivamente era con el atributo de hover

gracias

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: virtualpc en 29 Noviembre 2012, 23:54 pm