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

Thursday, March 29th 2018, 7:40am

No border thumbnails in tour like demotour-weingut

There is a great example - https://krpano.com/examples/10815/exampl…ingut/tour.html.
I made a tour, just like this example. But in example there are frames around the thumbnails. And in my version - no.
Although, everything is written exactly same.
Here is my code

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
<action name="buildthumbs"
	>
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			copy(thumb, scene[get(i)].thumburl);
			txtadd(thumbname,'thumb_',get(i));
			addplugin(get(thumbname));
			set(plugin[get(thumbname)].url, get(thumb));
			set(plugin[get(thumbname)].keep, true);
			set(plugin[get(thumbname)].align, lefttop);
			set(plugin[get(thumbname)].width,  60);
			set(plugin[get(thumbname)].height, 60);
			set(plugin[get(thumbname)].x, 10);
			set(plugin[get(thumbname)].y, 10);
			mul(plugin[get(thumbname)].x, i,1);
			mul(plugin[get(thumbname)].y, i,1);
			add(plugin[get(thumbname)].x, 5);
			add(plugin[get(thumbname)].y, 5);
			copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x);
			copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y);
			add(plugin[get(thumbname)].zorder, 100, i);
			set(plugin[get(thumbname)].effect,glow(0xFFFFFF,3,15,20));
			set(plugin[get(thumbname)].jsborder,'50px solid #FFFFFF');
			copy(plugin[get(thumbname)].thumbpos, i);
	set(plugin[get(thumbname)].thumbtitle, get(scene[get(i)].title));
			set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
			set(plugin[get(thumbname)].onclick, openthumbs() );
			set(plugin[get(thumbname)].devices, all); 
	set(plugin[get(thumbname)].onhover, showtext(get(thumbtitle)) );
			inc(i);
			buildthumbs(NEXT);
		  );
	</action>

	<action name="openthumb">
		if(%2 != NEXT,
			set(pos,0);
			copy(curpos, plugin[%1].thumbpos);
			set(xdst, 0);
			set(ydst, 0);
		  );

		if(pos LT curpos,
			inc(pos);
			inc(xdst,130);
			sub(xmax, stagewidth, 500);
			if(xdst GT xmax, inc(ydst,130);set(xdst,0); );
			openthumb(%1,NEXT);
		  ,
			add(xdst,5);
			add(ydst,5);
			tween(plugin[%1].x, get(xdst) );
			tween(plugin[%1].y, get(ydst) );
			tween(plugin[%1].width, 120);
			tween(plugin[%1].height, 120);
		  );
		  
	</action>

	<action name="closethumb">
		tween(plugin[%1].x, get(plugin[%1].xsmall));
		tween(plugin[%1].y, get(plugin[%1].ysmall));
		tween(plugin[%1].width, 60);
		tween(plugin[%1].height, 60);
	</action>

	<action name="openthumbs">
		if(%1 != NEXT,
			set(i,0);
			set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); );
		  );

		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			openthumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); );
			inc(i);
			openthumbs(NEXT);
		  );
	</action>

	<action name="closethumbs">
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			closethumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, openthumbs() );
			inc(i);
			closethumbs(NEXT);
		  );
	</action>


I guess the problem is in these lines, but everything is exactly the same as in the example.

Source code

1
2
set(plugin[get(thumbname)].effect,glow(0xFFFFFF,3,15,20));
			set(plugin[get(thumbname)].jsborder,'50px solid #FFFFFF');



Second day I can not understand what I did wrong.

Alexey Tkachenko

Professional

Posts: 760

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

2

Thursday, March 29th 2018, 9:07am

Hi)

I'm afraid the Krpano version in this example is way too old (1.0.8.15). And I can't find 'jsborder' parameter in documentation. It seems to be deprecated.
Regards,

Alexey

3

Thursday, March 29th 2018, 3:54pm

I also searched for it for a long time, but I found only very old references to jsborder. I tried to collect a tour in version 1.18.5 - it did not help.
And how can I draw a frame around pictures? To make a white rectangle under each one is probably not a good idea, it's too difficult, I think ....