Tourbuilder Web-App [DE] | Web Integration
Einstellungen / Tourbuilder
Tour-Options
Tour
Basepath
Der Basepath ist die URL, auf der die Tour-Dateien zu finden sind.
Set to current Position
start Node
Die start Node gibt an, auf welcher Node die Tour beim Aufruf starten soll.
FOV
FOV(Field of View) gibt den Zoom Wert an, mit welchem die Tour beim Aufruf starten soll.
Tilt
Tilt gibt die vertikale Position an, mit welcher die Tour beim Aufruf starten soll.
Pan
Pan gibt die horizontale Position an, mit welcher die Tour beim Aufruf starten soll.
Addons
Kann individuell für desktop, tablet und mobile eingestellt werden.
Remove Hotspots
Deaktiviert alle Hotspots. Somit kann in der Panorama Tour nicht die Node gewechselt werden. Zeigt nur die Start Node.
Share Buttons
Impressum
Erzeugt einen Link in der rechten unteren Ecke, der zu unserer Website führt.
Movement
Falls Keyframes gesetzt wurden, bewegt sich die Tour automatisch zu den gesetzten Keyframes. Das Movement wird abgebrochen, wenn der Nutzer die Tour per Mausklickt selber bewegt. Klicke auf “Run Preview” um eine Vorschau der gesetzen Keyframes zu sehen.
Movement
Loop Amount
Gibt an, wie oft sich die Bewegung zu den Keyframes wiederholen soll. Bei Wert 0 werden alle Keyframes ignoriert und keine Bewegung erzeugt.
Delay
Gibt an, wie lange gewartet werden soll, bevor das Movement nach laden der Tour startet (in Millisekunden).
Keyframes
Jeder Keyframe hat eine Position, zu der vom vorherigen Keyframe aus gewechselt wird. Für den 1. Keyframe wird von der start Position der Tour aus gewechselt.
add Keyframe
Erzeugt einen Keyframe an der jetztigen Position des Previews.
set to current Position
Setzt den Keyframe auf die jetztige Position des Previews.
Node
Die Node auf die der Keyframe wechseln soll.
FOV
Der Zoom Wert auf den der Keyframe wechseln soll.
Tilt
Die vertikale Position auf die der Keyframe wechseln soll.
Pan
Die Horizontale Position auf die der Keyframe wechseln soll.
Movement Speed
Wie schnell die Bewegung stattfinden soll. (x * standartGeschwindigkeit) => x=0.5 -> halb so schnell, x=2 -> doppelt so schnell
Locked Controls
Mit welchen Eingaben der Benutzer das Movement nicht abbrechen kann. Ein Mausklick bricht das Movement immer ab. Falls Klicks trotzdem blockiert sind (all, Mouse), wird das Movement erst abgebrochen, sobald die Bewegung des aktiven Keyframes abgeschlossen ist.
Style
Tour Styles
Kann individuell für desktop, tablet und mobile eingestellt werden.
Klicke auf “update view”, um den style des Previews upzudaten
Width
Breite der Tour. Kann in allen CSS Einheiten angegeben werden (z.B.: %,px,vw,em…)
Aspect Ratio
Höhe der Tour berechnet aus der angegebenen Breite => y = x/(xRatio/yRatio)*
-
-
-
-
-
-
- Custom Ratio: Benutzerdefininierte Aspect Ratio (Fromat: xRatio:yRatio => 3:4)
- Custom Height: Benutzerdefinierte Höhe. Kann in allen CSS Einheiten angegeben werden (z.B.: %,px,vh,em…). Benutze %%
- als Einheit um x% der Breite zu benutzen => 20%% -> 20% der angegebenen Breite
-
-
-
-
-
Horizontal Alignment
Falls die Breite nicht 100% ist, wo die Tour horizontal liegen soll.
Hotspot Styles
Klicke auf “update view”, um den style des Previews upzudaten
Pulse Color
Farbe des Pulses der Hotspots. Angegeben in HEX-code (z.B.: #FFFFFF -> weiß)
Run Preview
Zeigt, wie die Tour beim Aufruf der Seite aussieht.
Get Code
Platziere das div, wo die Tour eingebunden werden soll.
Falls mehrere Touren auf einer Seite eingebunden werden, müssen die externen scripts und stylesheets nicht nochmal eingebunden werden. Jedoch muss die id des div’s geändert werden, da diese einzigartig sein muss. Die ID muss in der Klassen-Instaziierung ebenfalls geändert werden. -> new Pano(“newID“,…). Ebenfalls muss der variablenname (tour_360ty) geändert werden, da dieser auch einzigartig sein muss.
Head
Code, der in den <head> tag eingefügt wird.
Body
Code, der in den <body> tag eingefügt wird.
No Comments