view@360spot.de
+49 176 841 950 48
+49 176 841 950 48
Impressum & Datenschutz
created by 360spot.de

http://20>XX.360spot.de
  • html-Code zur Einbindung in Website (als iframe)
  • QR-Code für Printmittel
  • Link für social Media und E-Mails
  • Speichern
  • Web: http://torten-druckerei.de
    Sie sind Inhaber des Rundganges? Hier erhalten Sie noch mehr Service. ⇩ Ausklappen

    Link um Ihren Rundgang zu teilen:

    http://20>XX.360spot.de
  • html-Code zur Einbindung in Website (als iframe)
  • QR-Code für Printmittel
  • Link für social Media und E-Mails

  • html-Code zum Einbetten in eine Website (TourExtender verfgbar):

    Die Standartgre des Rundganges ist fr das Einbetten in die Website 600 Pixel Breite und 450 Pixel Hhe. Mchten Sie das Fenster in einer anderen Gre, ndern Sie einfach die Werte in width und height. Sie knnen auch einen relativen Wert angeben. Zum Beispiel: width="100%" (orientiert sich am Elternelement). Wenn Sie Probleme beim Einbetten haben, knnen Sie mich gern kontaktieren.
    Noch nicht freigeschaltet...

    html-Code zum Einbetten in eine Website (kein TourExtender mglich):

    Die Standartgre des Rundganges ist fr das Einbetten in die Website 600 Pixel Breite und 450 Pixel Hhe. Mchten Sie das Fenster in einer anderen Gre, ndern Sie einfach die Werte in width und height. Sie knnen auch einen relativen Wert angeben. Zum Beispiel: width="100%" (orientiert sich am Elternelement). Wenn Sie Probleme beim Einbetten haben, knnen Sie mich gern kontaktieren.
    <iframe src="https://www.google.com/maps/embed?pb=!4v1585091484397!6m8!1m7!1sCAoSLEFGMVFpcE40QVV1NFhHcEJQellMMloyS1pEWWdWOGUwNGZHVGJWQVhnSEZK!2m2!1d50.880582339069!2d10.839255949703!3f247.16500330528555!4f0.2242026930747727!5f0.7820865974627469!4v1585129914874!6m8!1m7!1sCAoSLEFGMVFpcE8xTkVrRnFNbFZkQTRJVmRBeDFqT2lySC10Slg4czlLZHFucmhq!2m2!1d50.903135149951!2d11.276371722803!3f46.64557689043764!4f5.482711098331478!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 fr den User ein Problem auftauchen. Denn oft nimmt der Rundgang einen Groteil der Ansicht ein. Will der User nun wieder wegscrollen und versucht dies zwangslufig auf dem Rundgang, wird er nur rein bzw. rauszoomen oder auf dem Mobil-Gert 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 schlieenden </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. Verndern Sie nur width: 600px; (Breite des Rundganges) und height: 350px; (Hhe des Rundganges) um die Tour Ihrer Website anzupassen. Sie knnen 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://www.google.com/maps/embed?pb=!4v1585091484397!6m8!1m7!1sCAoSLEFGMVFpcE40QVV1NFhHcEJQellMMloyS1pEWWdWOGUwNGZHVGJWQVhnSEZK!2m2!1d50.880582339069!2d10.839255949703!3f247.16500330528555!4f0.2242026930747727!5f0.7820865974627469!4v1585129914874!6m8!1m7!1sCAoSLEFGMVFpcE8xTkVrRnFNbFZkQTRJVmRBeDFqT2lySC10Slg4czlLZHFucmhq!2m2!1d50.903135149951!2d11.276371722803!3f46.64557689043764!4f5.482711098331478!5f0.7820865974627469"></iframe>
    </div>


    4. So sollte das Ergebnis aussehen:
    AUS EIN