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.

(Si este paso te resulta muy complicado, puedes omitirlo y utilizar mi "site" de alojamiento de archivos tal como está en el código de abajo)

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


<!-- Carga efecto (class="sphere") esfera para imagenes -->

<script src='http://sites.google.com/site/pauscripts/scripts/cvi_sphere_lib.js' type='text/javascript'/>

<script src='http://sites.google.com/site/pauscripts/scripts/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 dejar el que hay si has omitido el primer paso.

[3.-] Ahora sólo tienes que añadir la clase sphere a la imágen:

class="sphere"



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

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

TODO LISTO.