Como poner efecto de reflejo de agua en una imagen






Ultimamente se ven mucho por internet imágenes con un efecto de reflejo en el agua que resulta llamativo y queda bastante bien, claro siempre depende de donde y como se utilice.

Lo único que deberéis hacer es copiar el siguiente código javascript dentro de la etiqueta body en el lugar que queramos que aparezca. En blogger podemos escribir el código añadiendo un nuevo elemento html/javascript.

El código a insertar es el siguiente:


<!-- Mas javascripts en http://ayudaparamiweb.com -->
<center>
<!--Change following image name to your own-->
<img id="reflect" src="URL de la imágen"/><br/>
<script language="JavaScript1.2">

function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all){
document.write('<img id="mdiv" style="filter:wave(strength=3,freq=3,phase=0lightstrength=30) blur() flipv()" src="'+document.all.reflect.src+'">')
window.onload=f1
}

</script>
</center>



Por ultimo cambiamos donde pone URL de la imágen por la direccion donde este alojada la imágen a la que queramos poner el efecto.

¿No te funcionan los cambios?
¿Deseas añadir algo nuevo y no sabes como?
Nosotros lo hacemos por ti

1 Comentario:

academic freelancing dijo...
23 de enero de 2012, 11:25  

Nice post! Thanks a lot for sharing.

Cuéntanos que te ha parecido este artículo

Emoticonos en blogger
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Traductor

Suscríbete vía email

Introduce tu dirección de correo:

Suscríbete

Seguidores