Con el código de hoy vamos a obtener el efecto de opacidad en una imagen al pasar el cursor y viseversa también, por lo tanto vamos a obtener dos códigos,este efecto es muy fácil de implementar copien el código que les brindo y lo puedes colocar en la plantilla o en Diseño > añadir gadget > HTML/Javascript y pegamos es todo.
Aquí les muestro el ejemplo como quedaría:
En el codigo donde nos dice "URL de la imagen" ponen entre las comillas la url de la imagen que quieren mostrar
<img style="opacity: 0.2; filter:alpha(opacity=20);" src="URL de la imagen" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/><br /> <br />
<br /><img src="URL de la imagen" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>
Sí disfrutas de estas entradas solo has click aquí, o suscribete para recibir mas entradas como estas.
:)
:(
;)
:D
;;-)
:-/
:-O
X(
B-)
#:-S
:((
:))
=))
~X(
:-t
8-
=P~
#-o
=D7
:-SS
:-q
:-bd
que buen truco asi se podrá ver más clara la imagen.
ResponderEliminarmariachis a domicilio:
-(
ResponderEliminarHola y gracias por tu visita pues como decias para el que quiera poner la opacidad en las imagenes y así cuando pasen el cursor por encima esta cambie a su estado original o vicebersa pues es un efecto muy bueno y con un codigo muy sencillo de utilizar.saludos
gracias por el truco! :-)
ResponderEliminarAnónimo
e nada gracias a tí por tu visita aquí estamos para ayudar y compartir todo.
ResponderEliminar:-[