Sie sind Inhaber des Rundganges? Hier erhalten Sie noch mehr Service. ⇩
Ausklappen ⇩
Link um Ihren Rundgang zu teilen:
http://27.360spot.de
html-Code zum Einbetten in eine Website (TourExtender verfügbar):
Die Standartgröße des Rundganges ist für das Einbetten in die Website 600 Pixel Breite und 450 Pixel Höhe. Möchten Sie das Fenster in einer anderen Größe, ändern Sie einfach die Werte in width und height. Sie können auch einen relativen Wert angeben. Zum Beispiel: width="100%" (orientiert sich am Elternelement). Wenn Sie Probleme beim Einbetten haben, können Sie mich gern kontaktieren.
<iframe src="https://tourmkr.com/F1IqpgLUau" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
html-Code zum Einbetten in eine Website (kein TourExtender möglich):
Die Standartgröße des Rundganges ist für das Einbetten in die Website 600 Pixel Breite und 450 Pixel Höhe. Möchten Sie das Fenster in einer anderen Größe, ändern Sie einfach die Werte in width und height. Sie können auch einen relativen Wert angeben. Zum Beispiel: width="100%" (orientiert sich am Elternelement). Wenn Sie Probleme beim Einbetten haben, können Sie mich gern kontaktieren.
<iframe src="https://www.google.com/maps/embed?pb=!4v1585090657944!6m8!1m7!1sCAoSLEFGMVFpcE1mSE1rcDBLc3FqOGZ6X2p2VGZMbU5LUFRTRjRqTEkyWEFCQXd0!2m2!1d50.880116643789!2d10.839304695735!3f137.06653385445102!4f-15.144687615641516!5f0.7820865974627469" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Gesamte Video auf Youtube ansehen
Scroll-Schutz auf Ihrer Website
Beim Einbau des Rundganges in die Website kann für den User ein Problem auftauchen. Denn oft nimmt der Rundgang einen Großteil der Ansicht ein. Will der User nun wieder wegscrollen und versucht dies zwangsläufig auf dem Rundgang, wird er nur rein bzw. rauszoomen oder auf dem Mobil-Gerät den Rundgang bewegen. Um dies zu vermeiden, braucht es einen Schutz. Bauen Sie diesen Code auf Ihre Seite entsprechend der Anleitung ein:
1. Öffnen Sie die Seite, auf welcher der Rundgang platziert werden soll, mit einen html bzw. Text-Editor (variiert nach verwendetem System) um den Quellcode zu bearbeiten.
2. Vor dem schließenden
</head>
-tag (nicht vor dem öffnenden
<head>
-tag) kopieren Sie:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="https://spektrum-photo.de/webs/360overlay/360spot/360script.js"></script>
<link rel="stylesheet" href="https://spektrum-photo.de/webs/360overlay/360spot/360style.css">
3. An die Stelle, wo der Rundgang platziert werden soll, kopieren Sie folgenden Code. Verändern Sie nur
width: 600px; (Breite des Rundganges) und
height: 350px; (Höhe des Rundganges) um die Tour Ihrer Website anzupassen. Sie können auf relative Werte nehmen (bspw.
width: 50%;):
<div style="width: 600px; height: 350px;">
<div id="mask" style="height: inherit; width: inherit; margin: 1px 0 0 1px;">
<div id="toggle" style="padding: 20px";>
<span id="360spanA" style="display: block;">AUS</span>
<img id="360img" src="https://spektrum-photo.de/webs/360overlay/360spot/toggleA.png" style="height: 100px; padding: 0 5px 0 5px;">
<span id="360spanB" style="display: block;">EIN</span>
</div>
</div>
<iframe id="360iframe" style="width: inherit; height: inherit; filter: blur(2px);" allowfullscreen="" src="https://tourmkr.com/F1IqpgLUau"></iframe>
</div>
4. So sollte das Ergebnis aussehen:
AUS
EIN