Efecto Esfera en imágenes

Un efecto muy elegante para tus imágenes, efecto esfera.


Convierte la imágen en una esfera:

El truco es muy fácil de incorporar, sólo hacen falta 3 pasos:

(Antes de nada recuerda hacer una copia de respaldo de la plantilla)

[1.-] Descarga este archivo : Sphere.zip , descomprímelo y súbe los archivos "cvi_sphere_lib.js" y "sphere.js" a tu servidor de archivos (p.e.: google sites).

En esta entrada puedes ver como alojar archivos en Google sites.

También puedes acceder a la web Netzgesta en la que encontrarás este script y otros también muy interesantes.

 

 

[2.-] Entra en tu blog: Diseño - Edición HTML y justo antes de </head> incluye lo siguiente: (Copiar y pegar)

Código

<!-- Carga efecto (class="sphere") esfera para imagenes --> <script src='http://TU SERVIDOR/cvi_sphere_lib.js' type='text/javascript'/> <script src='http://TU SERVIDOR/sphere.js' type='text/javascript'/>               <!-- Fin efecto Sphere –>

Sustituye el http://... (escrito en rojo) por la dirección URL de tu servidor de archivos, o si lo deseas, puedes utilizar:

http://sites.google.com/site/pauscripts/scripts/…

si has omitido el primer paso.

[3.-] Ahora sólo tienes que añadir la clase “sphere” a la imagen que desees:

class="sphere"

Código

<img class="sphere" src="URL DE TU IMAGEN" />

Sustituye URL DE TU IMAGEN por la tuya y ...

TODO LISTO.