Insertar objetos interactivos en 3d en tu web con jquery

Insertar objetos interactivos en 3d en tu web con jquery

Insertar objetos interactivos en 3d en tu web con jquery es muy sencillo.

¿Cuántas veces habéis querido insertar uno de esos llamativos objetos interactivos en 3d que pinchas con el ratón encima de ellos y puedes moverlos?

Se puede crear un objeto interactivo en 3D mediante imágenes y un simple javascript.

Al clickar sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando un grupo de imágenes que componen ese movimiento 360º, creando el efecto óptico de que es un objeto que estás girando. El efecto es perfecto para una galería de perfumes por ejemplo. Aunque tendremos que tener todas las imágenes que componen el movimiento alrededor del objeto.

Funciona en todos los navegadores modernos, Chrome, Firefox y Safari, tanto en ordenadores como en smartphones y tabletas, en IE, como siempre, unas veces si o otras no…
El jQuery reconoce el orden de las imágenes por el número que va al final de cada uno de los archivos, tenedlo en cuenta a la hora de guardar las imágenes y nombradlas como imagen_1.jpg, imagen_2.jpg, …

Para ver el ejemplo y descargar el código gratuitamente podéis ir a ésta página.