Neue Version - Neue Syntax?

henryk86

Da gibt es also eine neue Version. Sehr schön :)

Aber wie so oft tauchen da auch neue Probleme auf:

Punkt 1:
Ich habe bisher immer einen eigenen Textstyle definiert (der zufälligerweise dem aus den früheren Beispielen entspricht ;) ), den wollte ich natürlich wieder so benutzen, aber scheinbar greift die alte Syntax nicht mehr:

Code

<textstyle name="smalltext" 
	       	font="Arial" fontsize="10" textalign="center"
	       	border="false" background="false"
	       	textcolor="0xFFFFFF"
	       	effect="glow(0x000000,0.7,4,2);dropshadow(2,45,0x000000,3,1);"
	       	/>

Wie sieht denn da die neue Variante aus? Ich habe auf der schnelle muss ich zugeben in den Beispielen kein solchen Code-Schnippsel gefunden.

Punkt 2:
Die "Bild-Einblendfunktionalität" soll ja nun auch auf dem Ipod/PAD/Phone funktionieren. Also habe ich einfach mal ein altes Pano mit der neuen Version neu gerechnet, den Hotspot mit Bildaufruf und das Bild selbst sozusagen eingefügt und geguckt, ob es funktioniert. Im normalen Browser funktioniert es super, aber aufm Ipod ist keine Veränderung festzustellen, kein Bild kann man da aufrufen. Also nochmal die Beispiele durchgeguckt und in der ersten Beispieltour fündig geworden. also den passenden Code-Schnippsel rauskopiert, angepasst und ausprobiert. Scheinbar habe ich da was nicht richtig gemacht, es funktioniert nun sowohl im Browser als auf dem Ipod nicht mehr mit dem Bild. Ich wäre euch also mit großen Dank verbunden, wenn hier ein kurzes Code-Beispiel erscheinen würde, der diese Problematik einfach löst. Also einen Hotspot im Bild mit der onclick-action, das ein bild über das Pano geblendet wird.

Ich bin gespannt, was noch so für neue Features in der neuen Version sind und gleichzeitig hoffe ich, dass viele altbekannten sachen nicht ohne weitere Erläuterung so geändert wurden, das man erstmal hier fragen muss, wie denn das neu geht. Sowas sollte dann doch schon mit erwähnt werden, was sich bei solchen Funktionalitäten geändert hat und wie man es neu programmieren muss. (Wo man wieder bei einer guten Doku wär).

Jedenfalls schonmal Danke für Antworten auf Punkt 1 und 2 :)

henryk86

ah, da war ich mal wieder zu vorschnell... da hätt ich doch nochmal in die andere tour gucken sollen...

Code

<!-- text style for hotspot hovering -->   
<!-- text style for hotspot hovering -->   
<textstyle name="hotspottextstyle" 
       font="Arial" fontsize="18" bold="true" italic="true" textcolor="0xFFF7EF" background="false" border="false"
       alpha="1" blendmode="layer" effect="glow(0x000000,0.5,4,3);dropshadow(4,45,0x000000,4,0.66);" 
       origin="cursor" edge="bottom" textalign="center" xoffset="0" yoffset="-3" noclip="true" showtime="0.1" fadetime="0.25" fadeintime="0.1" 
       />


<!-- polygonal hotspots for the pictures on the wall 
(for a HTML5 a zoomicon is used as alternative) -->
<style name="pichotspot" 
   capture="false" 
   zorder="1" 
   onclick="showpic();" 
   alturl="hotspots/zoomicon.png" 
   altonloaded="if(isphone, mul(scale,2));"
   zoom="true" 
   scale="0.5" 
   ox="+40" 
   oy="+30" 
   />


<hotspot name="hs1" style="pichotspot" pic="1" ath="-80" atv="10"


		fillcolor 	="0xffffff" fillalpha 	="0.00" borderwidth 	="0.0" bordercolor 	="0xffffff" borderalpha 	="0.00"
	 	fillcolorhover="0xffffff" fillalphahover="0.20" borderwidthhover="0.0" bordercolorhover="0xffffff" borderalphahover="0.00"
	 	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	 	onover=""
	 	onhover="showtext('Sicherheitswerkbank in Benutzung[br](Klicken für Bild)',hotspottextstyle)"
		>


		<point ath="-89.7964" atv=" 18.7428" />
		...
		<point ath="-89.2516" atv=" 18.7832" />
	</hotspot>
	


<!-- NEU -->


	<!-- actions -->


	   	
	<!-- calc the max. flyout size of a hotspot for the current screen size -->
	<action name="calc_flyout_size">
		div(screen_sideaspect, stagewidth, stageheight);
		div(hotspot_sideaspect, hotspot[%1].width, hotspot[%1].height);
		
		if(screen_sideaspect LT hotspot_sideaspect,
			<!-- align at screen width -->
			div(hotspot[%1].width,stagewidth,stageheight);
			mul(hotspot[%1].width,80);
			txtadd(hotspot[%1].width,'%');
			set(hotspot[%1].height,prop);
		  ,
		  <!-- align at screen height -->
			set(hotspot[%1].width,prop);
			set(hotspot[%1].height,80%);
		  );
	</action>


	<!-- fly in a hotspot = show hotspot fixed at screen -->
	<action name="flyin">
		if(hotspot[%1].flying == 0.0, hotspot[%1].resetsize(); calc_flyout_size(%1); );
		if(hotspot[%1].oldscale === null, copy(hotspot[%1].oldscale, hotspot[%1].scale) );
		if(hotspot[%1].oldrx === null, copy(hotspot[%1].oldrx, hotspot[%1].rx) );
		if(hotspot[%1].oldry === null, copy(hotspot[%1].oldry, hotspot[%1].ry) );
		if(hotspot[%1].oldrz === null, copy(hotspot[%1].oldrz, hotspot[%1].rz) );
		set(hotspot[%1].enabled,true);
		set(hotspot[%1].visible,true);
		tween(hotspot[%1].alpha,  1.0);
		tween(hotspot[%1].flying, 1.0);
		tween(hotspot[%1].scale,  1.0);
		tween(hotspot[%1].rx, 0.0);
		tween(hotspot[%1].ry, 0.0);
		tween(hotspot[%1].rz, 0.0);
	</action>


	<!-- fly the hotspot out/back -->
	<action name="flyout">
		set(hotspot[%1].enabled,false);
		tween(hotspot[%1].alpha,  0.0, 0.5, default, set(hotspot[%1].visible,false); );
		tween(hotspot[%1].flying, 0.0);
		tween(hotspot[%1].scale,  get(hotspot[%1].oldscale));
		tween(hotspot[%1].rx,  get(hotspot[%1].oldrx));
		tween(hotspot[%1].ry,  get(hotspot[%1].oldry));
		tween(hotspot[%1].rz,  get(hotspot[%1].oldrz));


	</action>	   	
	   	
	<action name="showpic">
		<!-- creates a new hotspot and fly it out -->
		if(hotspot[get(pic)] === null,
			txtadd(picfilename,'bilder/labor4_img',get(pic),'.jpg');
			addhotspot(get(pic));
			getcenter(hsath,hsatv);
			copy(hotspot[get(pic)].ath, hsath);
			copy(hotspot[get(pic)].atv, hsatv);
			set(hotspot[get(pic)].visible,false);
			set(hotspot[get(pic)].distorted,true);
			set(hotspot[get(pic)].zorder,2);
			set(hotspot[get(pic)].scale,0.1);
			set(hotspot[get(pic)].alpha,0.0);
			<!--set(hotspot[get(pic)].effect,glow(0xFFFFFF,1.0,30,10000);dropshadow(10,45,0x000000,10,0.3););-->
			set(hotspot[get(pic)].onloaded, flyin(get(name)) );
			set(hotspot[get(pic)].onclick, flyout(get(name)) );
			copy(hotspot[get(pic)].url,picfilename); 
		,
			flyin(get(pic));
		);
	</action>

Alles anzeigen

damit sollte es eigentlich gehen. sollte... problem nun ist, das zum einen der text auch über das geöffnete bild angezeigt wird, sobald man mit der Maus drüber macht und wenn man das Bild schliesst ist auch der Hotspot weg. das ganze wundert mich grade etwas, da es beinahe 1:1 von der zweiten beispieltour entnommen ist und dort der Hotspot bleibt.

hier is das test-pano: http://data.fotorama24.de/360Pano/test/labor_pano4.html der Bildhotspot ist links vom Start bei der Person, die mit dem Rücken zu einem sitzt.

klaus.krpano

Hi,

Zitat von henryk86

Ich habe bisher immer einen eigenen Textstyle definiert (der zufälligerweise dem aus den früheren Beispielen entspricht ;) ), den wollte ich natürlich wieder so benutzen, aber scheinbar greift die alte Syntax nicht mehr

es wurde keine Syntax geändert!

du hast zwar in der XML einen "smalltext" Textstyle definiert, allerdings wird dieser nirgends verwendet!
es gibt nur einen showtext() Aufruf und dort wird der "hotspottextstyle" Textstyle verwendet:

Code

onhover="showtext('Sicherheitswerkbank in Benutzung[br](Klicken für Bild)',hotspottextstyle)"

zu deinem Hotspot Problem - bei den flyout/flyin Actions aus meinen Beispielen wird der bei "pic" angegebene Name
für den herausfliegenden Hotspot verwendet - eine Zahl als Name ist allerdings NIE erlaubt, da diese Zahl dann
als Index interpretiert wird und vermutlich einen anderen Hotspot referenziert:

Zitat

<hotspot name="hs1" style="pichotspot" pic="1" ath="-80" atv="10"

Zitat von henryk86

Wo man wieder bei einer guten Doku wär

die ist bzgl. XML und Actions auf dem aktuellen Stand,

Schöne Grüße,
Klaus

henryk86

syntax geändert, ich meinte eher ergänzt. nmein fehler.

problem war, das ich zwischenzeitlich den code nochmal geändert hatte und dadurch noch was anderes sich geändert hat. bei der vrogängerversion ging es auch ohne explizite angabe des Textstyles den definierten zu nutzen. Viell war das da auch nur Zufall, das es ging.

das eine Zahl als Name nicht erlaubt ist wusste ich nicht, klingt aber ehrlich gesagt nun auch logisch.

nun funktioniert das ganze auch. Danke :)

Neue Version - Neue Syntax?

Jetzt mitmachen!

Benutzer online in diesem Thema