Lokale Bilder öffnen

lasco1995

Guten Tag alle Zusammen,

ich versuche aktuell mit meinem 360° Viewer auf lokale Bilder zuzugreifen.

Zuvor habe ich die Bilder erst mit dem Browser geöffnet, sodass eine URL zur Verfügung stand.

Das sah dann wie folgt aus:

Code

"panorama": "http://localhost/pannellum-2.4.0/examples/V0050006.JPG"

Dies ist der komplette Code mit der Änderung.

HTML

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auto load</title>
    <link rel="stylesheet" href="https://cdn.pannellum.org/2.4/pannellum.css"/>
    <script type="text/javascript" src="https://cdn.pannellum.org/2.4/pannellum.js"></script>
    <style>
    #panorama {
        width: 600px;
        height: 400px;
    }
    </style>
</head>
<body>

<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": <img src="V0040005.jpg">,
    "autoLoad": true,
    "autoRotate": -2,
    "compass": true,
    "northOffset": 247.5,
    ]

});
</script>
</body>
</html>

Alles anzeigen

Ich würde mich über die ein oder andere Hilfe sehr freuen.

Viele Grüße

Arne Drews

Ich habe jetzt mit dem pannellum keine Erfahrung, aber wenn das Bild in http://localhost/pannellum-2.4.0/examples/ liegt, musst Du den Pfad doch auch mit angeben oder nicht? Allerdings würde ich mit file:// arbeiten, anstatt mit dem HTTP-Protokoll

Sempervivum

Du darfst als Panorama nur die URL des Bildes angeben, nicht ein img-Tag. Außerdem ist da eine schließende eckige Klammer zuviel. So wäre es richtig:

Code

pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "V0040005.jpg",
    "autoLoad": true,
    "autoRotate": -2,
    "compass": true,
    "northOffset": 247.5
});

lasco1995

Hey, vielen Dank für die Antwort.

Habe es nun nach den beiden Varianten versucht:

Code: Versuch1

"panorama": file://C:/MeineHomepage/pannellum-2.4.0/examples/V0040005.jpg

Code: Versuch2

"panorama": "V0040005.jpg"

Leider erbringt keines von beiden den gewünschten Erfolg.

Es wird kein Bild geladen.

Viele Grüße

Sempervivum

Bei mir hat es mit relativem Pfad funktioniert.

Spuckt die Console etwas aus?

Liegt das Bild im selben Verzeichnis wie die HTML-Datei?

lasco1995

Super jetzt funktioniert es mit dem relativem Pfad. War ein Syntax Fehler.
Besten Dank an euch Beiden.

Naja nun versuche ich das ganze ein wenig dynamisch zu gestalten, sodass das Skript nicht immer für jedes Bild neu angepasst werden muss, sondern die Auswahl eines Bildes aus einem Ordner erfolgen kann.

Danke für eure Hilfe.

Prataturry1953

Ich habe jetzt mit dem pannellum keine Erfahrung, aber wenn das Bild in http://localhost/pannellum-2.4.0/examples/ liegt, musst Du den Pfad doch auch mit angeben oder nicht? Allerdings würde ich mit file:// arbeiten, anstatt mit dem HTTP-Protokoll

Jetzt mitmachen!