cambiar la opacidad de las imagenes al pasar el maus

[virtualpc]

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 [Seleccionar] Expandir

.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 [Seleccionar] Expandir

<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/

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

[#!drvy]

Código (css,3) [Seleccionar] Expandir

<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

[virtualpc]

Código (css,3) [Seleccionar] Expandir

<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