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
.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
<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 :)
<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
Cita de: drvy | BSM en 30 Noviembre 2012, 01:46 AM
<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