Cómo dar más brillo a las fotos al pasar el ratón sobre ellas en una página web

jarvin dijo:

Alguien sabe como se hace para que en tu web cuando pasas el ratón por encima de una foto se muestre con más brillo? que haga eso con todas las fotos

Me han dicho que es con este código pero no sé donde ponerlo


a.mainmenu img{
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}
a.mainmenu:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a.mainmenu:hover{
position: relative;
top: -2px;
}

Alguien sabe como hacerlo?

Hacer clic para expandir...

neburor dijo:

Ese codigo es correcto, va en los estilos CSS, pero debes ponerle a la ruta (clase) donde va a estar la imagen, en este codigo indica que es un enlace con la clase mainmenu y dentro es enlace es una image, se le aplicatia a todos los links de imgenes con esa clase

Hacer clic para expandir...

jarvin dijo:

Hay que modificar el código para cada foto que se sube o lo hace automaticamente en todas las fotos de la web?

Hacer clic para expandir...

<a href="" class="mainmenu" /> <img src="" alt="" /> </a>

<img src="URL de la imagen UNO" onmouseover="this.src='URL de la imagen DOS';" onmouseout="this.src='URL de la imagen UNO';"/>

Cambia lo que está en rojo por la URL de la imagen que tendrás inicialmente, y lo que está en verde por la URL de la imagen que cambiará al pasar el mouse. Trata que las dos imágenes tengan el mismo tamaño para conseguir un mejor resultado.

Hacer clic para expandir...

Koletta dijo:

Yo creo que lo mas fácil es hacerlo como ha dicho Marianito:

Hacer clic para expandir...