Pano in CMS System einfügen

Fragen und Antworten zu Pano2VR in deutscher Sprache
Post Reply
CAchenbach
Posts: 4
Joined: Tue Jul 07, 2015 6:13 pm

Hallo liebe Foren-User,

ich bin Pano-Neuling und hätte folgende Frage: Ich habe in der Arbeit ein CMS-System das von unserem Webmaster handgeschnitzt wurde. Es basiert also nicht auf Wordpress oder ähnlichem. Ich kann in das System jedoch auch im Editor reinen html-Code einfügen. Nun zu meinem Problem: Ich möchte gerne, das der Player direkt auf der Seite im jeweiligen Text erscheint, also nicht in Form eines Bildes, welches auf eine externe Seite verlinkt ist und nach anklicken auf diese Seite springt. Beim erzeugen einen html5 Projekts wird ja auch eine html-Seite miterzeugt. Wenn ich den html-Code durchlese, kommt da ja auch der Player vor (ich denke das ist java-script oder so). Ich habe leider von html an sich nur sehr wenig Ahnung und weiss nun nicht, welchen Teil des Codes ich brauche um ihn bei mir einzubauen. Vielleicht kann mir jemand helfen.

Vielen Dank

Christian
christoph
Gnome
Posts: 108
Joined: Mon Aug 20, 2012 3:01 pm

Hallo Christian!
Wenn du eine Pano2VR (Version 5) Ausgabe in einem Browser startest, und dir dann dort den Seiten-Quelltext ansiehst, findest du zwei Kommentarzeilen mit folgendem Inhalt: -----------8<----------- cut here -----------8<-----------
Du benötigst also genau den HTML Code zwischen diesen Zeilen.
Voraussetzung ist allerdings, dass du in eurem CMS Dateien hochladen kannst, welche für die Panorama Ausgabe benötigt werden (pano2vr_player.js, skin.js, pano.xml, sämtliche Bilder, etc.)

Hoffe das hilft, mfg
Christoph
CAchenbach
Posts: 4
Joined: Tue Jul 07, 2015 6:13 pm

Hallo Christoph,

zunächst danke schon mal für deine Hilfe. Ich glaube aber ich stehe noch auf dem Schlauch. Ich habe eine Ausgabedatei erzeugen lassen. Dabei wird ja auch eine html-Datei erzeugt. Wenn ich den Quellcode der Datei ansehe, finde ich aber diesen von dir benannten Bereich nicht. Hier der Quelltext:

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		
		<script type="text/javascript" src="swfobject.js">
		</script>
		<script type="text/javascript">
	
			function hideUrlBar() {
			}
	
		</script>
		<style type="text/css" title="Default">
			body, div, h1, h2, h3, span, p {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				color: #000000; 
			}
			body {
			  font-size: 10pt;
			  background : #ffffff; 
			}
			table,tr,td {
				font-size: 10pt;
				border-color : #777777;
				background : #dddddd; 
				color: #000000; 
				border-style : solid;
				border-width : 2px;
				padding: 5px;
				border-collapse:collapse;
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning { 
				font-weight: bold;
			} 
			/* fix for scroll bars on webkit & Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
		</style>	
	</head>
	<body>
		<h1></h1>
		<br>
		<script type="text/javascript" src="pano2vr_player.js">
		</script>
		<div id="container" style="width:640px;height:480px;">
		This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
	
		// check for CSS3 3D transformations and WebGL
		if (ggHasHtml5Css3D() || ggHasWebGL()) {
		// use HTML5 panorama
	
			// create the panorama player with the container
			pano=new pano2vrPlayer("container");
			pano.readConfigUrl("Willing_Hofeinfahrt_out.xml");
			// hide the URL bar on the iPhone
			setTimeout(function() { hideUrlBar(); }, 10);
		} else 
		if (swfobject.hasFlashPlayerVersion("10.0.0")) {
			var flashvars = {};
			var params = {};
			// enable javascript interface
			flashvars.externalinterface="1";
			params.quality = "high";
			params.bgcolor = "#ffffff";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			flashvars.panoxml="Willing_Hofeinfahrt_out.xml";
			params.base=".";
			swfobject.embedSWF(
				"pano2vr_player.swf", "container", 
				"640", "480",
				"9.0.0", "", 
				flashvars, params, attributes);
			
		}
		</script>
		<noscript>
			<p><b>Please enable Javascript!</b></p>
		</noscript>
	</body>
</html>
Was mache ich da falsch?

Danke und Gruß

Christian
Post Reply