29 junio 2011

Reflejos 3D en nuestras imágenes

Este es un bonito efecto hecho a base de Javascript, no estaría nada mal darle un poco mas de estilo a nuestras imagenes, es muy sencillo de instalar y el resultado es agradable, aquí les pongo un ejemplito.

Reflejos 3D en nuestras imágenes

Si te gusto este efecto lo puedes hacer de la siguiente manera:

1.- Nos vamos a Diseño/Edición de HTML y buscamos la etiqueta </head>, y sobre ella pegamos lo siguiente:

<script src='http://blobs.ge.tt/8hjaaY5/prototype.js' type='text/javascript'/>
<script src='http://blobs.ge.tt/8hjaaY5/scriptaculous.js?load=builder' type='text/javascript'/>
<script src='http://blobs.ge.tt/8hjaaY5/reflection.js' type='text/javascript'/>

2.- Para visualizar el efecto lo podemos hacer mediante una entrada o un gadget(HTML/Javascript) y utilizando el siguiente código:

<div id = "holder">
<img src = "URL de tu Imagen" />
</div>
<script type="text/javascript">
new Reflect3D('holder');
</script>

Con todo eso el resultado sera como el que puse como ejemplo.

NOTA: Los script: prototype.js, scriptaculous.js y reflection.js ya están alojados, pero si quisieras alojarlo tu mismo lo puedes descargar desde aquí.

0 comentarios:

Publicar un comentario