Navigationselemente außerhalb des Panoramas

Joergi-nw

Hi,
ich versuche gerade, die Bedienelemente unter das Panorama zu legen. Ich weiß dass es möglich ist. Aber im Netz konnte ich keine nachvollziehbare Lösung finden. Könnt Ihr mir helfen? Ich habe es mal mit dieser (leider nicht funktionsfähigen) Lösung probiert:

Code

<span class="taste2" style="width:80px;" onclick="set(hlookat_moveforce,-1)">&larr;</span>
<span class="taste2" style="width:80px;" onclick="set(hlookat_moveforce,+1)">&rarr;</span>
<span class="taste2" style="width:80px;" onclick="set(vlookat_moveforce,-1)">&uarr;</span>
<span class="taste2" style="width:80px;" onclick="set(vlookat_moveforce,+1);">&darr;</span>
<span class="taste2" style="width:180px;" onclick="set(fov_moveforce,-1)">Zoom +</span>
<span class="taste2" style="width:180px;" onclick="set(fov_moveforce,+1)">Zoom -</span>

Danke im voraus für Eure Hilfe

Joergi-nw

OK,

ich habe die Lösung selbst gefunden

HTML

<!DOCTYPE html>
<html>
<head>
<style>
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none; }
.button{ display:inline-block; border:1px solid gray; border-radius:1px; cursor:pointer; padding:4px 8px; margin:4px 0; user-select:none; -moz-user-select:none; }
.button:hover{ background-color:#EEEEEE; }
</style>
</head>
<body>
<div id="pano" style="width:480px; height:320px; border:1px solid gray;"></div>
<div class="button" onmousedown="left();" onmouseup="stop();">Links</div>
<div class="button" onmousedown="right();" onmouseup="stop();">Rechts</div>
<div class="button" onmousedown="up();" onmouseup="stop();">Hoch</div>
<div class="button" onmousedown="down();" onmouseup="stop();">Runter</div>
<div class="button" onmousedown="zoom_out();" onmouseup="stop();">zoom +</div>
<div class="button" onmousedown="zoom_in();" onmouseup="stop();">zoom-</div>


<script src="krpano.js"></script>
<script>
	var krpano = null;


	embedpano({
		swf : "krpano.swf",
		id : "krpanoSWFObject",
		xml : "pano1.xml",
		target : "pano",
		consolelog : true,
		passQueryParameters : true,
		onready : krpano_onready_callback
	});


	function krpano_onready_callback(krpano_interface)
	{
		krpano = krpano_interface;
	}


function left()
{
if (krpano)
{
krpano.set("hlookat_moveforce", -1);
}
}


function right()
{
if (krpano)
{
krpano.set("hlookat_moveforce", +1);
}
}


function up()
{
if (krpano)
{
krpano.set("vlookat_moveforce", -1);
}
}


function down()
{
if (krpano)
{
krpano.set("vlookat_moveforce", +1);
}
}


function zoom_in()
{
if (krpano)
{
krpano.set("fov_moveforce", +1);
}
}


function zoom_out()
{
if (krpano)
{
krpano.set("fov_moveforce", -1);
}
}


function stop()
{
if (krpano)
{
krpano.set("hlookat_moveforce", 0);
krpano.set("vlookat_moveforce", 0);
krpano.set("fov_moveforce", 0);
}
}
</script>
</body>
</html>

Alles anzeigen

Navigationselemente außerhalb des Panoramas

Jetzt mitmachen!

Benutzer online in diesem Thema