You are not logged in.

Navigationselemente außerhalb des Panoramas

Joergi-nw

Beginner

  • "Joergi-nw" started this thread

Posts: 5

  • Send private message

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*

Joergi-nw

Beginner

  • "Joergi-nw" started this thread

Posts: 5

  • Send private message

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>

Similar threads