You are not logged in.

Hotspot grouping

spyboy

Beginner

  • "spyboy" started this thread

Posts: 36

  • Send private message

1

Thursday, October 15th 2009, 1:55am

Hotspot grouping

Is there a way to group 2 hotspots, so when you mouse over either one, both highlight?

Kirk

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

2

Thursday, October 15th 2009, 2:10am

grouping is not available yet but it will be on next version. you can do what you say though.

onover="tween(hotspot[hotspot1].alpha,1); tween(hotspot[hotspot2].alpha,1);"
onout="tween(hotspot[hotspot1].alpha,0.5); tween(hotspot[hotspot2].alpha,0.5);"

use that on both hotspots and when 1 is hovered over they both will light up. swap out your hotspot name and use a different setting to highlight however you wish. alpha may not do what you are looking for, but you get the idea.

spyboy

Beginner

  • "spyboy" started this thread

Posts: 36

  • Send private message

3

Thursday, October 15th 2009, 4:01am

Am I writing this correctly? It's not working

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

	<hotspot name="hs3"
	     	keep="false"
	     	visible="true" enabled="true" handcursor="true" capture="true" children="true"
 	     	zorder="0"
	     	fillcolor 	="0xffffff" fillalpha 	="0.00" borderwidth 	="0.0" bordercolor 	="0xffffff" borderalpha 	="0.00"
	     	fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
	     	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	     	onhover=""
			 onover="tween(hotspot[hs3].alpha,1); tween(hotspot[hs4].alpha,1);"
 			 onout="tween(hotspot[hs3].alpha,0.5); tween(hotspot[hs4].alpha,0.5);"
	     	ondown=""
	     	onup=""
	     	onclick=""
	     	flying="0"
		>
		<point ath=" 52.3685" atv=" -4.6356" />
		<point ath=" 60.9046" atv=" -4.4118" />
		<point ath=" 55.8644" atv="  3.3308" />
		<point ath=" 48.6807" atv="  1.6757" />
		<point ath=" 48.6058" atv="  1.2309" />
	</hotspot>

	<hotspot name="hs4"
	     	keep="false"
	     	visible="true" enabled="true" handcursor="true" capture="true" children="true"
 	     	zorder="0"
	     	fillcolor 	="0xffffff" fillalpha 	="0.00" borderwidth 	="0.0" bordercolor 	="0xffffff" borderalpha 	="0.00"
	     	fillcolorhover="0xffffff" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffffff" borderalphahover="0.80"
	     	fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
	     	onhover=""
			 onover="tween(hotspot[hs3].alpha,1); tween(hotspot[hs4].alpha,1);"
 			 onout="tween(hotspot[hs3].alpha,0.5); tween(hotspot[hs4].alpha,0.5);"
	     	ondown=""
	     	onup=""
	     	onclick=""
	     	flying="0"
		>
		<point ath=" 70.8279" atv=" -3.5474" />
		<point ath=" 70.6681" atv="  2.3661" />
		<point ath=" 80.9802" atv="  0.7329" />
		<point ath=" 81.1805" atv=" -7.7949" />
		<point ath=" 75.5782" atv=" -8.9119" />
	</hotspot>

Jarredja

Professional

Posts: 1,058

Location: LA

  • Send private message

4

Thursday, October 15th 2009, 4:32am

Try tweening the fillalpha. I haven't tried it, just a thought. Since you are using a poly hotspot, it might react differently than an image hotspot.

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

5

Saturday, October 17th 2009, 6:52pm

Hi,

there is also a other way:

every plugin and hotspot has an "hovering" attribute,
normally this attribute should be only used for checking if an hotspots will be hovered,
but for polygonal hotposts setting it manually to true can be used to simulate hovering,

now you can set the in the onover/onout events of one hotspot the "hovering" attribute of an other hotspot

e.g.

Source code

 
1
2
3
4
5
6

<hotspot name="spot1" 
     	... 
     	onover="set(hotspot[spot2].hovering,true);" 
     	onout="set(hotspot[spot2].hovering,false);" 
     	...


and the same for the other hotspot:

Source code

 
1
2
3
4
5

<hotspot name="spot2" 
     	... 
     	onover="set(hotspot[spot1].hovering,true);" 
     	onout="set(hotspot[spot1].hovering,false);" 
     	...


best regards,
Klaus

Similar threads