You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Sunday, June 2nd 2019, 2:29pm

Navigationselemente außerhalb des Panoramas

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:

Source code

1
2
3
4
5
6
<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 *smile*

2

Monday, June 3rd 2019, 6:46pm

OK,

ich habe die Lösung selbst gefunden ;-)


Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!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>