You are not logged in.

Navigationsleiste

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.

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

1

Monday, April 2nd 2012, 12:13pm

Navigationsleiste

Hi@all,

nun gehöre ich auch zun dem Kreis der Besitzer von KRPano.
Nach meine ersten versuchen, die auch recht gut gelungene sind, brennt mir eine Frage und für mich doch recht knifflige Aufgabe unter den Nägeln.
Ich möchte gerne meine Navigationsleiste(Button) ausserhalb der swf Datei unterbringen, damit das Panorama nicht durch diese Leiste "verschandelt *rolleyes* " wird.
Wie kann ich das erreichen?

VG
CMFA *smile*
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

inno

Trainee

Posts: 67

Location: Wyk auf Föhr

  • Send private message

2

Monday, April 2nd 2012, 12:25pm

Hi,

da fällt mir spontan die Javascriptschnittstelle ein. Ich mein es gibt da auch ein Beispiel zu (zu Javascript)

LG
Peter

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

3

Monday, April 2nd 2012, 12:38pm

Quoted from "inno"

Ich mein es gibt da auch ein Beispiel zu (zu Javascript)
Hi,

ja genau das habe ich versucht zu finden. Hast du das schonmal gefunden?

VG

CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

inno

Trainee

Posts: 67

Location: Wyk auf Föhr

  • Send private message

4

Monday, April 2nd 2012, 5:49pm

z.B. das loadpano JS Beispiel

Beschreibung der Schnittstelle hier

Damit sollte sich eigentlich ne externe Navigation basteln lassen. Eventuell aber die mobilen Geräte berücksichtigen :D

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

5

Monday, April 2nd 2012, 7:16pm

hi,

danke das hatte ich mir zwar angesehen, bin aber nicht so wirklich schlau draus geworden. Als Beispiel soll dashier mal dienen wie ich es mir denke. Hier ist es gut dargestellt. Natürlich soll es sich nicht gleichen, aber der Ansatz ist der...

VG

CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

inno

Trainee

Posts: 67

Location: Wyk auf Föhr

  • Send private message

6

Monday, April 2nd 2012, 8:46pm

fang einfach mal an, dann ergeben sich genauere Fragen sicher von selbst... viel Spass

LG
Peter

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

7

Tuesday, April 3rd 2012, 3:51pm

Hi,

mein letzter Bitrag war auch nur als Gedankenstütze gedacht. ;-)
Habe mir das etwas näher angesehen, komme aber nicht wirklich weiter. Die HTML ist nicht das Problem.
Zur Zeit geschieht folgendes das das Panorama ausgeblendet wird.

Html

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

<!DOCTYPE html>
<html>
<head>
<title>Navigations Test</title>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>
<table class="maintable">
<tr>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
  <td width ="75%" align="Center" class="image">
	<img src="pano_folder/spacer.gif" class="" width="450" height="60" border="" alt="" />
  </td>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
</tr>
</table>

<table>
<script src="swfkrpano.js"></script>
  <div id="pano" class="pano" align="center">
  	<noscript>
    	<table style="width:100%;height:100%;">
      	<tr style="valign:middle;">
        	<td>
          	<div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div>
        	</td>
      	</tr>
    	</table>
  	</noscript>                                                                               	
    	<!--Navigationsbilder Beginn-->
    	<tr>
	  <td align="center" class="image">
		<img src="pano_folder/maerkplatz.jpg" class="image" width="100" height="85" onclick="loadpano('bild1.xml');" />
        	<br/>Bild 1
	  </td>
	  <td align="center" class="image">
		<img src="pano_folder/spacer.gif" class="image" width="100" height="85" onclick="#" />
        	<br/>Bild 2
	  </td>
    	</tr>
   	<!--Navigationsbilder Ende-->

 	<script type="text/javascript">
   	if (typeof(deconcept) !== 'undefined' && deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
   	{
     	var so = new SWFObject("krpano.swf","krpanoSWFObject","100%","100%","9.0.28","#000000");
     	so.addParam("allowFullScreen","true");
     	so.addVariable("xml", "test.xml");

   	if ( so.write("pano") )
   	{
    	var wheelfix = new SWFkrpanoMouseWheel(so);
   	}
   	}
   	else
   	{
   	document.getElementById("pano").innerHTML = '...Flashplayer needed...';
   	}
 	</script>
  </div>
</table>

<script type="text/javascript">
// <![CDATA[


	function krpano()
 	{
		return document.getElementById("krpanoSWFObject");
	}
	
	function loadpano(xmlname)
	{
		krpano().call("loadpano(" + xmlname + ", null, MERGE, BLEND(1));");
	}

// ]]>
</script>
</body>
</html>


und die xml Datei

Source code

 
1
2
3
4
5
6
7
8
9
10
11

<krpano onstart="ifnot(haveexternalinterface, error('ExternalInterface (Javascript Interface) not avaiable![br]Check your Flashplayer security settings:[br]http://krpano.com/docu/localusage/'));">

<action name="bild1">
  zoomto(3.0,smooth(3,3,10));
  wait(0.7);
  tween(view.hlookat, 0.089006, 10.0);
  tween(view.vlookat, 0.025460, 10.0);
  tween(view.fov,0.099928, 10.0);
</action>

</krpano>


Edit:
Habe es hin bekommen, jedoch mit der Geschwindigkeit will es noch nicht so richtige klappen.
Habe onclick="loadpano('bild1.xml'); gegen onclick="lookto(0.089006,0.025460,0.099928);" getauscht und
function getlookat()
{
var hlookat = Number( krpano().get("view.hlookat") );
var vlookat = Number( krpano().get("view.vlookat") );
var fov = Number( krpano().get("view.fov") );

document.getElementById("hlookat").innerHTML = hlookat.toFixed(2);
document.getElementById("vlookat").innerHTML = vlookat.toFixed(2);
document.getElementById("fov").innerHTML = fov.toFixed(2);
}
function lookto(toh, tov, fov)
{
krpano().call( "lookto(" + toh +"," + tov + "," + fov + ")" );
}
function lookat(fov)
{
krpano().set("movevectorz", fov);
}
eingefügt.
wie bekomme ich die Geschwindigkeit geregelt?
D.h. es soll erst in die Ausgangsposition zurückgefahren werden und dann zum neuen Punkt.


CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

This post has been edited 1 times, last edit by "CMFA" (Apr 3rd 2012, 4:21pm)

Nupsi

Intermediate

Posts: 440

  • Send private message

8

Tuesday, April 3rd 2012, 4:53pm

Irgendwie scheinst Du Dir da selbst im Weg zu stehen, bzw. zu kompliziert zu denken *g* Warum löst Du das nicht ganz einfach mit der krpano-eigenen stage-Funktion? Wäre kaum mehr als ein Einzeiler und hätte da fakto das gleiche Ergebnis wie das von Dir gepostete Beispiel *smile*
Falls es aber zwingend außerhalb von krpano gelöst werden soll, ist dies natürlich keine Lösung.

Gruß
Nupsi

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

9

Tuesday, April 3rd 2012, 4:57pm

Hi,

die andere Version, wo es im Panorama ist habe ich auch, die auch funktioniert, ich/wir haben uns aber aktuell dagegen entschieden es im Panorama zu haben und wollen die Navigation ausserhalb haben. ;-)

CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

10

Wednesday, April 18th 2012, 2:37pm

Hallo Leute,

habe leider immer noch das Problem, das es mit der Geschwindigkeit bei meinem Versuch happert. Hat wer eine Tip für mich wie ich das hinbekomme, das es langsamer zum entsprechenden Punkt zoomt. Anbei meine aktuell html Datei.
Kann das auch evtl. auch in eine xml Datei ausgelagert werden?

VG

CMFA

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
98
99
100
101
102
103
104
105

<!DOCTYPE html>
<html>
<head>
<title>Navigations Test</title>

<link rel="stylesheet" type="text/css" href="skin/style.css" />

</head>

<body>
<table class="maintable">
<tr>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
  <td width ="75%" align="Center" class="image">
	<img src="pano_folder/spacer.gif" class="" width="450" height="60" border="" alt="" />
  </td>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
</tr>
</table>

<table>
<script src="swfkrpano.js"></script>
  <div id="pano" class="pano" align="center">
  	<noscript>
    	<table style="width:100%;height:100%;">
      	<tr style="valign:middle;">
        	<td>
          	<div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div>
        	</td>
      	</tr>
    	</table>
  	</noscript>                                                                               	
    	<!--Navigationsbilder Beginn-->
    	<tr>
    	<td align="center" class="image">
		<img src="pano_folder/maerkplatz.jpg" class="image" width="100" height="85" onclick="lookto(0.000000,0.000000,1.000000, 10.0);" />
        	<br/>Ausgangsansicht
	  </td>
	  <td align="center" class="image">
		<img src="pano_folder/maerkplatz.jpg" class="image" width="100" height="85" onclick="lookto(0.089006,0.025460,0.099928,10.0);" />
        	<br/>M&auml;rkischer Platz
	  </td>
	  <td align="center" class="image">
		<img src="pano_folder/spacer.gif" class="image" width="100" height="85" onclick="lookto(0.114604,0.078475,0.099928, 10.0);" />
        	<br/>Schleusenspucker
	  </td>
    	</tr>
   	<!--Navigationsbilder Ende-->

 	<script type="text/javascript">
   	if (typeof(deconcept) !== 'undefined' && deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
   	{
     	var so = new SWFObject("krpano.swf","krpanoSWFObject","100%","100%","9.0.28","#000000");
     	so.addParam("allowFullScreen","true");
     	so.addVariable("xml", "xml/rath.xml");

   	if ( so.write("pano") )
   	{
    	var wheelfix = new SWFkrpanoMouseWheel(so);
   	}
   	}
   	else
   	{
   	document.getElementById("pano").innerHTML = '...Flashplayer needed...';
   	}
 	</script>
  </div>
</table>

<script type="text/javascript">
// <![CDATA[


	function krpano()
 	{
		return document.getElementById("krpanoSWFObject");
	}
	
	function getlookat()
	{
		var hlookat = Number( krpano().get("view.hlookat") );
		var vlookat = Number( krpano().get("view.vlookat") );
		var fov 	= Number( krpano().get("view.fov") 	);
		
		document.getElementById("hlookat").innerHTML = hlookat.toFixed(2);
		document.getElementById("vlookat").innerHTML = vlookat.toFixed(2);
		document.getElementById("fov").innerHTML 	= fov.toFixed(2);
	}
	function lookto(toh, tov, fov)
	{
		krpano().call( "lookto(" + toh +"," + tov + "," + fov + ")" );
	}
	function lookat(fov)
	{
		krpano().set("movevectorz", fov);
	}

// ]]>
</script>
</body>
</html>
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

inno

Trainee

Posts: 67

Location: Wyk auf Föhr

  • Send private message

11

Wednesday, April 18th 2012, 4:23pm

Moin,

mal so aus der Hüfte...

lookto mit der tween-Option vielleicht?
http://krpano.com/docu/actions/#lookto

oder hab ich Deine Frage misverstanden?

LG
Peter

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

12

Wednesday, April 18th 2012, 5:08pm

moin moin,

nein sicher hast du mich nicht falsch verstanden.
Das ist ja eingebaut

Source code

 
1

onclick="lookto(0.114604,0.078475,0.099928, 10.0)

Jedoch wäre es mir "genehm", wenn langsam heran gezoomt wird.
z.B. wie hier in meiner andern action.

Source code

 
1
2
3
4
5
6
7

<action name="bild1">
zoomto(3.0,smooth(3,3,10));
wait(1.0);
tween(view.hlookat, 0.089006, 10.0);
tween(view.vlookat, 0.025460, 10.0);
tween(view.fov,0.099928, 10.0);
</action>


VG
CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

klaus.krpano

Administrator

Posts: 7,378

  • Send private message

13

Thursday, April 19th 2012, 4:36pm

Hi,

in deinem lookto Code verwendest du eine eine ungültige Zahl (10) als motiontype Parameter,
siehe hier:
http://krpano.com/docu/actions/#lookto

richtig wäre z.B.

Source code

 
1

lookto(0.114604,0.078475,0.099928, linear(10.0));

oder

Source code

 
1

lookto(0.114604,0.078475,0.099928, smooth(50,50,100));

oder

Source code

 
1

lookto(0.114604,0.078475,0.099928, tween(easeOutQuad,10));


Schöne Grüße,
Klaus

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

14

Thursday, April 19th 2012, 4:48pm

Hallo Klaus,

danke für deine Antwort. Nun habe ich das eingesetzt, der Erfolg ist der das das onclick nicht mehr arbeitet, erst dann wieder wenn der falschen Parameter 10 drin ist.
Wo liegt jetzt mein Fehler?

VG

CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

klaus.krpano

Administrator

Posts: 7,378

  • Send private message

15

Thursday, April 19th 2012, 4:52pm

Hi,

Quoted

Wo liegt jetzt mein Fehler?
zeige dazu bitte den verwendeten Code bitte!
ohne diesen wäre das ansonsten nur nur sehr schwer zu sagen

Schöne Grüße,
Klaus

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

16

Thursday, April 19th 2012, 4:56pm

Hi,

anbei meine komplette html Datei.
VG
CMFA

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
98
99
100
101
102
103
104
105

<!DOCTYPE html>
<html>
<head>
<title>Navigations Test</title>

<link rel="stylesheet" type="text/css" href="skin/style.css" />

</head>

<body>
<table class="maintable">
<tr>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
  <td width ="75%" align="Center" class="image">
	<img src="pano_folder/spacer.gif" class="" width="450" height="60" border="" alt="" />
  </td>
  <td align="center" class="image">
	<a href="#" target="_blank"><img src="pano_folder/spacer.gif" class="" width="150" height="60" border="" alt="" /></a>
  </td>
</tr>
</table>

<table>
<script src="swfkrpano.js"></script>
  <div id="pano" class="pano" align="center">
  	<noscript>
    	<table style="width:100%;height:100%;">
      	<tr style="valign:middle;">
        	<td>
          	<div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div>
        	</td>
      	</tr>
    	</table>
  	</noscript>                                                                               	
    	<!--Navigationsbilder Beginn-->
    	<tr>
    	<td align="center" class="image">
		<img src="pano_folder/maerkplatz.jpg" class="image" width="100" height="85" onclick="lookto(0.000000,0.000000,1.000000, 10.0);" />
        	<br/>Ausgangsansicht
	  </td>
	  <td align="center" class="image">
		<img src="pano_folder/maerkplatz.jpg" class="image" width="100" height="85" onclick="lookto(0.089006,0.025460,0.099928,10.0);" />
        	<br/>M&auml;rkischer Platz
	  </td>
	  <td align="center" class="image">
		<img src="pano_folder/spacer.gif" class="image" width="100" height="85" onclick="lookto(0.114604,0.078475,0.099928, 10.0);" />
        	<br/>Schleusenspucker
	  </td>
    	</tr>
   	<!--Navigationsbilder Ende-->

 	<script type="text/javascript">
   	if (typeof(deconcept) !== 'undefined' && deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
   	{
     	var so = new SWFObject("krpano.swf","krpanoSWFObject","100%","100%","9.0.28","#000000");
     	so.addParam("allowFullScreen","true");
     	so.addVariable("xml", "xml/rath.xml");

   	if ( so.write("pano") )
   	{
    	var wheelfix = new SWFkrpanoMouseWheel(so);
   	}
   	}
   	else
   	{
   	document.getElementById("pano").innerHTML = '...Flashplayer needed...';
   	}
 	</script>
  </div>
</table>

<script type="text/javascript">
// <![CDATA[


	function krpano()
 	{
		return document.getElementById("krpanoSWFObject");
	}
	
	function getlookat()
	{
		var hlookat = Number( krpano().get("view.hlookat") );
		var vlookat = Number( krpano().get("view.vlookat") );
		var fov 	= Number( krpano().get("view.fov") 	);
		
		document.getElementById("hlookat").innerHTML = hlookat.toFixed(2);
		document.getElementById("vlookat").innerHTML = vlookat.toFixed(2);
		document.getElementById("fov").innerHTML 	= fov.toFixed(2);
	}
	function lookto(toh, tov, fov)
	{
		krpano().call( "lookto(" + toh +"," + tov + "," + fov + ")" );
	}
	function lookat(fov)
	{
		krpano().set("movevectorz", fov);
	}

// ]]>
</script>
</body>
</html>
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

This post has been edited 1 times, last edit by "CMFA" (Apr 19th 2012, 5:21pm)

klaus.krpano

Administrator

Posts: 7,378

  • Send private message

17

Thursday, April 19th 2012, 6:07pm

Hi,

sorry, aber ich sehe hier nur solche lookto Aufrufe mit 4 Parametern:

Source code

 
1

... onclick="lookto(0.000000,0.000000,1.000000, 10.0);" />

und dann diese lookto Funktion mit 3 Parametern:

Source code

 
1
2
3
4

function lookto(toh, tov, fov)
{
krpano().call( "lookto(" + toh +"," + tov + "," + fov + ")" );
}




das bedeutet der 4. Parameter wird natürlich nicht verwendet und weiters wird die Default lookto() Geschindigkeit verwendet...

Schöne Grüße,
Klaus

CMFA

Beginner

  • "CMFA" started this thread

Posts: 16

Location: zu Hause

Occupation: Gas-Wasser-Inst.

  • Send private message

18

Thursday, April 19th 2012, 6:22pm

hi klaus,

und wie kann ich das Problem nun richtig beheben?
Ist meine grundsätzliche Umsetzung falsch?

CMFA
*unsure*
Jedesmal wenn ich versuche über meinen Schatten zu springen... knipst irgend jemand das Licht aus!!!
 *wacko*

klaus.krpano

Administrator

Posts: 7,378

  • Send private message

19

Tuesday, April 24th 2012, 4:36pm

Hi,

Quoted from "CMFA"

Ist meine grundsätzliche Umsetzung falsch?
nein, nur die Aufrufe sind falsch,

Quoted from "CMFA"

und wie kann ich das Problem nun richtig beheben?
ändere deine lookto Javascript Funktion z.B. zu:

Source code

 
1
2
3
4

function lookto(toh, tov, fov, speed)
{
  krpano().call("lookto(" + toh +"," + tov + "," + fov + ", tween(easeOutQuad,"+speed+"))");
}


Schöne Grüße,
Klaus

Similar threads