360 Widget

From unroole CMS wiki
Revision as of 16:06, 4 October 2012 by Roy (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

The 360 Widget gives you the ability to take an collection of images for a single object from different angles and turn it into a gorgeous interactive 360 object movie. To user this widget you first must have a gallery that has all the images for a single object from different angles.

Properties

In the Layout Editor, 360 widget have these properties:

360 Widget Property.png

Property panel for 360 Widget
Name Description
Gallery Name: Enter the gallery name which contains all the images of a single object from different angles.
Dimensions: Enter the dimensions for the widget.
Include jQuery: If your theme does not include jQuery, you must check this in order for 360 to work properly. If your theme includes jQuery you need to make sure you do not check this box, otherwise the jQuery will collide with the theme's jQuery and cause problems.
Brake: Braking force applied when slowing down the free spinning when dragged an thrown. Higher force will stop the spinning faster.
Clockwise: Change the rotation when dragged.
Delay Delay before 360 starts rotating by itself in seconds (set -1 for no auto-play).
Draggable Check to allow mouse or finger drag interaction.
Entry Speed Speed of the opening animation in Hz. Defaults to value of speed option.
Opening Animation Duration of opening animation (in seconds).
Preloader Height Size (height) of a image loading indicator (in pixels)
Speed Animated rotation speed in revolutions per second (Hz).
Throwable Check to allow drag & throw interation.
Custom Id Type in a custom id. This id can then be used in CSS and Javascript to change the style and behaviour of this widget.
Custom Classes Type in a custom class, or mutiple classes seperated. These classes can then be used in CSS and Javascript to change the style and behaviour of this widget.