360 Degrees Basic Setup

1. When you drag your 360 Degree Stack out, you will see the above stack appear on your page. One thing you should note, that this stack is currently NOT made to be used with Responsive themes. Depending on the theme you use it with. For example, if you use it with the Foundation theme by Joe, it will respond responsively. One note, creating the image to move 360 degrees on mobile, is done by swiping, and is not as easy as you would think.
2. All of the configuration for this stack is done via the settings HUD. In order to use your own images, you will need to follow the instructions in the Image Sequence Over- view below. You will need to either upload these images to your server or add them to your Resources.
3. You will then need to setup the File Path & Prefix and File Extension settings.
4. Now preview and enjoy! For an overview of the remaining settings please refer to the 360 Degree Settings section.

Image Sequence Overview

You can have from 2 to 100 images in sequence. Of course the more images you have, the smoother the animation. In order for the stack to work properly, put the images in sequence, there needs to be a counter in the file name. The format of the file looks like this:

  `$path/$prefix$counter.$extension -- e.g. /resources/my_image1.jpg`         

In the example above the File Path & Prefix setting would be “/resources/my_image” In the example above the File Extension setting would be “jpg” If I had 25 images in this example the number in file name would change from 1-25.

Now go forth and make your websites great!

Video Tutorial