Documentation

Before you begin

To have 360 Image to behave the way it is supposed to you will need to have photos or images of your object in several angles. I have noticed you get a very good transition with 36 images, but 25 will suffice. Try to keep the filesize of each image as low as possible since all images are requested from the webserver upon page load.

Three different rotations

You can choose between three different ways for the rotation of your images.

By moving the mouse - Just hover your mouse over the image and it will rotate while you move your mouse

By click and drag - Click in the image and drag to have it rotate

Automatically - Have your image rotate automatically in one of three preset speeds

Direction

If your image is rotating in the 'wrong' direction when you move your mouse over it, you can edit the direction of rotation. Switch between 'forward' or 'backward' to change the direction of the rotation. It all comes down to in what order your images/photos has been taken.

Limitations

There is a limitation in the use of mousemove and click move when it comes to image width in the block. The way the jQuery plugin calculates what image to display, the width of the image can't be less than twice the amount of the number of files in the file set. So if you have 31 images in your file set then setting the width to something below 62px will break the functionality of rotating by moving the mouse or click and drag.