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 Dieser Button setzt basepath, start Node, FOV, Tilt und Pan auf die jetztige Position des Previews. 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 Erzeugt einen share Button in der linken unteren Ecke des Elements. Bei Klick auf den share Button werden zwei neue Buttons erzeugt. Einer, der einen link zur aktuellen Position in der Tour in die Zwischenablage kopiert und einen, der ein Fenster öffnet, um die aktuelle Position in der Tour auf Facebook zu teilen. 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 tag eingefügt wird. Body Code, der in den tag eingefügt wird.