jQuery Plugin For 360 Degree 3D Panoramic View - 3dEye.js

File Size: 4.2 KB
Views Total: 81463
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For 360 Degree 3D Panoramic View - 3dEye.js

3dEye.js is a lightweight and fast jQuery plugin that allows you to create 3D view of an object by images. It is mobile/touch friendly and supports all the major browsers. With this plugin you can rotate the object using the mouse to presents 360 degree product images on the website.

See also:

How to use it:

1. Include jQuery library and 3dEye.js in the head section of your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/3deye.min.js"></script>

2. Create a container for the 3D View

<div id="demo">
</div>

3. Call the plugin

$(document).ready(function(){

$("#demo").vc3dEye({
imagePath:"images/", // the location where you’ve put the images.
totalImages:51, // the number of images you have.
imageExtension:"png" // the extension of the images. Make sure all the images have same extension.
});

});

Change log:

2017-05-22

  • added target as first argument in this callback function

This awesome jQuery plugin is developed by VoidCanvas. For more Advanced Usages, please check the demo page or visit the official website.