Hey Leute,
ich verzweifel gerade ein wenig das HTML Skript dynamisch aufzubauen.
Der aktuelle Aufruf des html Skriptes erfolgt so : http://localhost/pannellum-2.4…-V0040005%20-%20lokal.htm
Im folgenden Skript wird halt immer ein festes lokales Bild zugewiesen, sodass ich für andere Bilder das immer anpassen muss.
Ziel ist es jedoch, dass das ganze dynamisch wird.
Sprich ich habe eine Excel-Liste mit einigen Bildern und deren Pfad. Ich möchte quasi nun das durch Änderung von V0040005%20-%20lokal auf ein anderes Bild/Pfad der Viewer das Bild öffnen kann.
Es soll quasi jedem Bild in der Liste automatisch ein Hyperlink zugefügt werden.
Das aktuelle Skript:
<!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": "V0040005.jpg",
"autoLoad": true,
"autoRotate": -2,
"compass": true,
"northOffset": 247.5,
});
</script>
</body>
</html>
Alles anzeigen
Dazu habe ich diese Möglichkeiten gefunden:
<body onload=""setImageSrc();"><br" mode="hold" /><img id="img1" src="c:users\xxxxx\xxxx\________"/>
</body
<script language="javascript">
function setImageSrc()
{
var img1=document.getElementById('img1');
img1.src='a.jpg';
}
</script>
Alles anzeigen
function LoadImages() {
searchPic = new Image();
searchPic.onload=function () {
document["pic1"].src = "XXXX/YYYY/search.png";
}
searchPic.src = "XXXX/YYYY/search.png";
}
Mit der Möglichkeit 1 habe ich das Panorama ersetzt:
Gerade ein wenig verwirrt und stehe auf´m Schlauch
Jemand eine Idee bzw. könnte mir Hilfestellung leisten ?
Liebe Grüße