iPanorama 360° - Virtual Tour Builder
yaw: {{appData.scene.selected.yaw}}
pitch: {{appData.scene.selected.pitch}}
zoom: {{appData.scene.selected.zoom}}
General
Scenes
{{appData.config.scenes.length}}
Hotspots
{{appData.scene.selected.config.hotspots.length}}
Preview
Get Code
Load From File
Save To File
Choose a theme from the list.

Note:
You can create your own theme too and put it into the plugin folder for later use.
Theme
Set a preview image that will display before the panorama load.
Image Preview
Enable/disable image preview.
Image
Use this options to enable or disable different UI actions.
Actions
If ON the panorama will automatically load.
Auto load
If ON the panorama will automatically rotate when loaded.
Auto rotate
Speed
Inactivity delay (ms)
Enable/disable prevention of the default behavior on the mouseWheel event.
Mouse wheel, prevent the default behavior
Enable/disable the panorama rotate using the mouse scroll wheel.
Mouse wheel rotate
Rotate coefficient
Enable/disable the panorama zoom using the mouse scroll wheel.
Mouse wheel zoom
Zoom coefficient
Enable/disable the "grab/move" mode on the mouse hover event.
Hover grab
Yaw coefficient
Pitch coefficient
Enable/disable the "grab/move" mode on the mouse click and move events.
Grab (click and drag)
Grab coefficient
Enable/disable the zoom by pinch gesture.
Pinch zoom
Pinch zoom coefficient
Enable/disable navigation via keyboard.
Keyboard navigation
Enable/disable zoom via keyboard.
Keyboard zoom
Specifies the fade duration in milliseconds, when transitioning between scenes.
Scene fade duration (ms)
Enable/disable loading scene images in background.
Scene images background load
Enable/disable the animation in the mobile browsers.
Mobile animation
Use this options to show or hide controls.
Controls
Show controls on mouse hover event.
Show controls on hover
Show/hide the thumbnails slider control.
Thumbnails slider control
Vertical type
Horizontal type
Thumbnails are static
Show/hide the toggle thumbnails slider control.
Toggle thumbnails slider control
Show/hide the scene next/prev control.
Scene next/prev control
Scene next/prev loop
Show/hide the share control.
Share control
Show/hide the zoom control.
Zoom control
Show/hide the fullscreen control.
Fullscreen control
Show/hide the auto rotate control.
AutoRotate control
Show/hide the compass control.
Compass
Show/hide the title control.
Title
Use this options to set common popover settings.
Popover Settings
Enable/disable popovers.
Show Popovers
Set a custom popover HTML template.

Note:
We recommend do not change this parameter without having some knowledge.
HTML template
Set default placement property of popovers
Popover placement
Popover is under the hotspot
Popover show trigger

Specify how a popover will be triggered.
Hover
Click
Popover hide trigger

Specify how a popover will be hidden.
Leave
Click
Grab
Manual
Specify a CSS animation class for the popover show
Popover Show CSS3 Class
Specify a CSS animation class for the popover hide
Popover Hide CSS3 Class
  • {{scene.id}} | {{scene.config.title}}
Use this options to set common scene settings.
Scene Settings
Set title for selected scene.
Advanced Options
The title has HTML markup
Set selector class or id, it allows you to set an element's HTML content for the title.
Select a type of selected scene and set images.
Scene type

Select count of textures for a cube scene.
Texture count

Front
Back
Left
Right
Top
Bottom
Advanced Options
Set the sphere mesh quality.

Note:
This is a number of horizontal and vertical segments.
Width segments
Height segments
Set a thumbnail image for selected scene..
Scene thumb image
Image
Save or use original scene camera lookat vector.
Save camera lookat vector
Enable/disable the pitch limits.
Pitch limits
Up limit (degree)
Down limit (degree)
Enable/disable the yaw limits.
Yaw limits
Left limit (degree)
Right limit (degree)
Set the panorama's starting yaw and pitch position in degrees, and the zoom parameter.
Yaw
{{appData.scene.selected.yaw}}
Pitch
{{appData.scene.selected.pitch}}
Zoom
{{appData.scene.selected.zoom}}
Set the north offset for compass direction, in degrees.

Note:
As this affects the compass, it only has an effect if compass is set to ON.
Compass Offset

{{appData.scene.selected.yaw}}
  • {{hotspot.id}} | {{hotspot.config.title}}
Use target tool to quick create a hotspot and it's location on the panorama.
Target Tool
Enable/disable target tool.

Note:
When the target tool is ON click on the panorama together with Ctrl Key (for Mac with Meta Key).
Set a hotspot location.
Hotspot Location
Set the hotspot's starting yaw and pitch position in degrees.

Note:
If you want to change the location of the selected hotspot, just click on the panorama together with Ctrl Key (for Mac with Meta Key).
Yaw
Pitch
Set common hotspot settings.
Hotspot Settings
Set title for selected hotspot.
Specify the ID of the scene to link to.
Go to the scene
Set a hotspot image, otherwise the plugin uses a theme icon.
Image
Image Custom Width (px)
Image Custom Height (px)
This lets you connect a hotspot to an internet address.
Open url in new window
Advanced Options
Enable/disable hotspot custom style.

Note:
You can define your own style for hotspot with images, icons, text and etc..
Custom style
Set custom classes for a hotspot element.
Set content for a hotspot element, if you want to make it complex.
Set user data for a hotspot element, if you want to use it in your scripts.
Set common hotspot popover settings.
Popover Settings
Enable/disable hotspot popover window.
Popover Content
Set content for a popover window.
Advanced Options
The popover content has HTML markup
Lazyload
Show on load
Set selector class or id, it allows you to set an element's HTML content for the popover.
Popover Placement

Set a placement property for a popover window.
Popover Custom Width (px)