[Consulta]Showroom de imagenes con efecto

[C2am]

No es tan así.
#modelo_partner_furgon hace referencia a un div con id="modelo_partner_furgon"

Código HTML:

<div id="modelo_partner_furgon">....</div>
 

, que dudo que tengas en tu web, por lo cual no puedes solo copiar y pegar.

A las imagenes dentro de tu contenedor le aplicas el opacity, ya sea mediante el id (#) como hacen en la web de ejemplo (pero que termina repitiendo estilos), o con una clase (.clase) para poder aplicar el mismo estilo en diferentes imagenes, y no tener que repetir.


Suponiendo, porque no has mostrado el código que estas usando, o en su defecto un enlace para ver donde lo quieres aplicar, que tienes

Código HTML:

<div id="post1"><img src=tuimagen1.jpg/> + texto </div>
 

Deberías modificar, una alternativa, así

Código HTML:

<div id="post1" class="efecto"><img src=tuimagen1.jpg/> + texto </div>
 

y luego en el css

Código CSS:

.efecto img{ opacity:0.4}
.efecto img:hover{ opacity:1}
 

En este caso no le puse el filter que sirve para IE, no te olvides de agregarlo.

De esta forma todas las imágenes que estén contenidas en un contenedor que tenga asignada la clase "efecto" se verán tal como deseas.

En resumen, debes adaptarlo a tu web.