jQuery Interactive

jQuery Interactive

En este artículo podréis ver cómo crear un objeto interactivo en 3D mediante imágenes y un simple JS.

Al hacer drag sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando todas y cada una de las imágenes que componen ese movimiento 360º. El efecto es perfecto para una galería de coches por ejemplo, el único problema es que nos tendremos que hacer con todas las imágenes de la rotación completa.

Funciona en todos los navegadores modernos, Chrome, Firefox y Safari, tanto de escritorio 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, imagen_1.jpg, imagen_2.jpg, …

Los navegadores modernos como Chrome, Firefox y Safari, tanto en el escritorio y los teléfonos inteligentes se han probado.

Podéis ver el ejemplo, consultar el código y descargarlo en www.thepetedesign.com

VER DEMO Y DESCARGAR

 

Comparte este Blog de Diseño Web