iFrame [DE] | Web Integration

Wie es Funktioniert

Hier gehts zu unserem Tool für iFrame einbindungen

Bei der iFrame-Einbindung werden Parameter in der URL des “src” tags mitgegeben. Diese Parameter können genutzt werden, um Voreinstellungen der Tour zu setzen.
Falls ein Parameter nicht angegeben wird, wird ein Standartwert benutzt, der in jeder Tour unterschiedlich ist, genutzt.
Die URL Parameter sind case-sensitive!
Beispiel: https://bregenzsommer.360ty.cloud/?Pano=node15&PanoFovStart=18&PanoTiltStart=-13&PanoPanStart=53&PanoPanTarget=-8&PanoTiltTarget=-13&PanoFovTarget=52&MoveSpeed=2.5&MoveDelay=1500&MoveLock=Mousewheel
Nach der URI (hier “https://bregenzsommer.360ty.cloud/”) folgt ein “?”. Ab dem “?” werden die Parameter gelesen. Danach können die Parameter eingesetzt werden. Die Parameter werden durch ein “&” geteilt und die Werte mit einem “=” zugewiesen.

URL Parameter

Position

Pano=node[nummer] -> Anfangs-Node angeben
PanoFovTarget=[number(0 – 100 in °)] ->FOV Wert der Anfangs-Node bzw. Ziel-position der Fly-in Bewegung
PanoTiltTarget = [number(-90 - 90 in °)] -> Tilt Wert der Anfangs-Node bzw. Ziel-position der Fly-in Bewegung
PanoPanTarget=[number(-360 – 360 in °)] -> Pan Wert der Anfangs-Node bzw. Ziel-position der Fly-in Bewegung

Fly-in Bewegung

AutoMove -> Aktiviert das Movement/die Fly-in Bewegung
PanoFovStart=[number(0 – 100 in °)] -> FOV Wert der Zielposition der Fly-in Bewegung
PanoTiltStart=[number(-90 – 90 in °)] -> Tilt Wert der Zielposition der Fly-in Bewegung
PanoPanStart=[number(-360 – 360 in °)] ->Pan Wert der Zielposition der Fly-in Bewegung
MoveLock=[All,Mousewheel,Mouse,Keyboard,Keyboard_Mousewheel] -> verhindert interaktionen mit der Tour während der Fly-in Bewegung, durch den angegeben Typen
MoveDelay=[number in ms] -> startet die Fly-in Bewegung nach dem angegeben Wert in Millisekunden. Standardmäßig 500
MoveSpeed=[number] -> multipliziert die Standardgeschwindigkeit mit dem angegebenen Wert

Hotspots

SingleImage -> Hotspots werden verborgen

Beispiel

<iframe src=`https://bregenzsommer.360ty.cloud/?Pano=node15
        &PanoFovStart=18&PanoTiltStart=-13&PanoPanStart=53&PanoPanTarget=-8
        &PanoTiltTarget=-13&PanoFovTarget=52&MoveSpeed=2.5&MoveDelay=1500&MoveLock=Mousewheel`
        style = “height: 40vh; width: 100%”>
</iframe>