Autor
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);
}
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)"
/>
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
En línea
