You are not logged in.

Swipe events on 2d layer

  • 1
  • 2

Islander

Trainee

Posts: 103

  • Send private message

21

Sunday, April 24th 2016, 6:43pm

Hi Panomaster,

I sure many are waiting like me for this new feature of Image Description.

Wish you well.

q-ki

Beginner

Posts: 33

  • Send private message

22

Wednesday, June 15th 2016, 12:18pm

Polygonal Hotspot with swipe gallery

Hello panomaster.
Hello krpano-users.

I like your plugin. Thanks for your efforts.

Iam trying to use a polygonal hotspot to activate the swipe gallery.
Right now it is only opening the black screen but no images are showing up.
Could you please push me in the right direction ... i´ve tried a lot but programming is very difficult for me.

So here is what I am using right now

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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186

<?xml version="1.0" encoding="UTF-8"?>
<krpano version="1.19" title="Virtual Tour" logkey="true" showerrors="true">


	
<include url="skin/vtourskin.xml"></include>

<!-- EDITOR und OPTIONS sind FLASH-PLUGINS ...bei Fehlfunktion ... Check Browser mit Flash ... auf WORKSTATION aktuell IE  -->
                  	<plugin name="editor" url="plugins/editor.swf" keep="true"></plugin> 
                  	<plugin name="options" url="plugins/options.swf" keep="true"></plugin>


<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
	          	<skin_settings maps="false" maps_type="google" maps_bing_api_key="" maps_zoombuttons="false" gyro="true" webvr="true" littleplanetintro="false" title="true" thumbs="true" thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160" thumbs_opened="false" thumbs_text="false" thumbs_dragging="true" thumbs_onhoverscrolling="false" thumbs_scrollbuttons="false" thumbs_scrollindicator="false" thumbs_loop="false" tooltips_buttons="false" tooltips_thumbs="false" tooltips_hotspots="false" tooltips_mapspots="false" deeplinking="false" loadscene_flags="MERGE" loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)" loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)" loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)" loadingtext="loading..." layout_width="100%" layout_maxwidth="814" controlbar_width="-24" controlbar_height="40" controlbar_offset.normal="20" controlbar_offset.mobile="20" controlbar_offset_closed="-40" controlbar_overlap.no-fractionalscaling="10" controlbar_overlap.fractionalscaling="0" design_skin_images="vtourskin_light.png" design_bgcolor="0x2D3E50" design_bgalpha="0.8" design_bgborder="0" design_bgroundedge="1" design_bgshadow="0 4 10 0x000000 0.3" design_thumbborder_bgborder="2 0xFFFFFF 0.0" design_thumbborder_padding="2" design_thumbborder_bgroundedge="0" design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;" design_text_shadow="1"></skin_settings>

<!--
For an alternative skin design either change the <skin_settings> values 
from above or optionally include one of the predefined designs from below.
-->
	<!-- <include url="skin/vtourskin.xml" /> -->
	<!-- <include url="skin/vtourskin_design_glass.xml"   	/> -->
	<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
	<!-- <include url="skin/vtourskin_design_117.xml"     	/> -->
	<!-- <include url="skin/vtourskin_design_117round.xml"	/> -->
	<!-- <include url="skin/vtourskin_design_black.xml"   	/> -->



<!-- SWIP-GALLERY EINFÜGEN -->

    	<include url="plugins/swipe_gallery.xml"></include>

	<preview type="grid(CUBE,16,16,512,0xCCCCCC,0x666666,0x999999);"></preview>

	<!-- events -->
	
	<events onresize="make_gallery(get(activeGallery));"></events>
	
	<!-- layers -->
	
	<layer name="gallery" type="container" align="center" width="100%" height="100%" alpha="0" autoalpha="true" bgcolor="0x000000" bgalpha="0.8" keep="true">
		<layer name="gallery_scrollarea" url="%SWFPATH%/plugins/scrollarea.swf" alturl="%SWFPATH%/plugins/scrollarea.js" keep="true" align="left" width="0" height="100%" zorder="1" direction="h" ondown="set(gallery_scrollarea_start_pos, get(x))">
		</layer>
		<layer name="arrow_left" align="left" x="10" keep="true" visible="false" zorder="2" onclick="move_image(left)" url="img/arrow_left.png"></layer>
		<layer name="arrow_right" align="right" x="10" keep="true" visible="false" zorder="2" onclick="move_image(right)" url="img/arrow_right.png"></layer>
		<layer name="gallery_close" align="righttop" x="10" y="10" keep="true" zorder="2" onclick="hide_gallery()" url="img/close.png"></layer>
	</layer>	
	
	<!-- styles -->
	
	<style name="hs_gallery" url="img/hs_gallery.png" width="75" height="75" alpha="0.5" onclick="show_gallery(get(galleryname))" onhover="showtext(get(gallery[get(galleryname)].title))"></style>
	
<!-- HOTSPOT GALERIEN -->

	<gallery name="gallery1" title="Title of gallery 1">
		<img name="img1" url="img/pic1.jpg" title="Escalator"></img>
		<img name="img2" url="img/pic2.jpg" title="Mask"></img>
		<img name="img3" url="img/pic3.jpg" title="Wallpaper"></img>
		<img name="img4" url="img/pic4.jpg" title="F/A-18 C Hornet"></img>
		<img name="img5" url="img/pic5.jpg" title="Forest"></img>
	</gallery>
	
	<gallery name="gallery2" title="Some other pictures">
		<img name="img1" url="img/pic6.jpg" title="A dog"></img>
		<img name="img2" url="img/pic7.jpg" title="My cat"></img>
		<img name="img3" url="img/pic8.jpg" title="Canal"></img>
		<img name="img4" url="img/pic9.jpg" title="Aquarium"></img>
		<img name="img5" url="img/pic10.jpg" title="Aquarium"></img>
		<img name="img6" url="img/pic11.jpg" title="Aquarium"></img>
	</gallery>




<!-- startup action - load the first scene -->

	<action name="startup" autorun="onstart">
		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
		loadscene(get(startscene), null, MERGE);
		if(startactions !== null, startactions() );
	</action>

<!-- NAVI-THUMBS von INTRO-LITTLEPLANET AUSBLENDEN == include thumb="false" +++ NEUE VTOURSKIN.XML ab <action name="skin_addthumbs"> ... VERGLEICHE CODE MIT DIFFMERGE -->
	
	<scene name="scene_intropano" include_thumb="false" title="intropano" onstart="" havevrimage="true" thumburl="panos/intropano.tiles/thumb.jpg" lat="" lng="" heading="">



<!-- startup view settings for little planet view -->

  	<view stereographic="true" fisheye="1.0" fov="150" fovtype="VFOV" fovmax="150" hlookat="157" vlookat="90"></view>

<!-- when the loading is done, wait 4 seconds and then start with the animation to an normal view -->

<!-- NAME für EVENT vergeben damit es nicht GLOBAL sondern LOKAL ist und nicht bei jedem Pano-Aufruf mímmer wieder passiert -->
	<events name="nur einmal" onloadcomplete="delayedcall(4, normalview());"></events>

	<action name="normalview">
	tween(view.hlookat, 34, 2.5, easeInOutQuad);
	tween(view.vlookat, 17, 2.5, easeInOutQuad);
	tween(view.fov, 	92,  2.5, easeInOutQuad);
	tween(view.fisheye, 0.0, 2.5, easeInOutQuad);
<!-- HOTSPOTS beim Laden des Normalview wieder einblenden -->
	set(hotspot[hs1].visible,true);
	set(hotspot[hs2].visible,true);
 	set(hotspot[hs3].visible,true);
	</action>
   

<!-- ORIGINAL AUSGESCHALTET 	<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" /> -->

		<preview url="panos/intropano.tiles/preview.jpg"></preview>

		<image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled">
			<level tiledimagewidth="2816" tiledimageheight="2816">
				<cube url="panos/intropano.tiles/%s/l3/%v/l3_%s_%v_%h.jpg"></cube>
			</level>
			<level tiledimagewidth="1536" tiledimageheight="1536">
				<cube url="panos/intropano.tiles/%s/l2/%v/l2_%s_%v_%h.jpg"></cube>
			</level>
			<level tiledimagewidth="768" tiledimageheight="768">
				<cube url="panos/intropano.tiles/%s/l1/%v/l1_%s_%v_%h.jpg"></cube>
			</level>
		</image>

		<image if="webvr.isenabled">
			<cube url="panos/intropano.tiles/vr/pano_%s.jpg"></cube>
		</image>

<!-- place your scene hotspots here -->


	<hotspot name="hs1" style="hs_gallery" ath="0.000" atv="0.000" galleryname="gallery1" visible="false"></hotspot>
	<hotspot name="hs2" style="hs_gallery" ath="50.000" atv="20.000" galleryname="gallery2" visible="false"></hotspot>
		<hotspot name="spot3" style="skin_hotspotstyle" ath="-100.699" atv="30.154" linkedscene="scene_testpano_sw"></hotspot>
   <hotspot name="hs3" fillcolor="0xaaaaaa" fillalpha="0.0" borderwidth="5.0" bordercolor="0xEEEEEE" borderalpha="0.5" depth="1000" polyline="false" scaleflying="true" tx="0" ty="0" tz="0" onclick="show_gallery(get(gallery1))" visible="false">
		<point ath="-153.024013" atv="-11.37134"></point>
		<point ath="-152.784704" atv="1.99716"></point>
		<point ath="-134.340833" atv="2.109807"></point>
		<point ath="-134.426706" atv="-13.264762"></point>
  
	</hotspot>

	</scene>




	<scene name="scene_testpano" include_thumb="true" title="testpano" onstart="" havevrimage="true" thumburl="panos/testpano.tiles/thumb.jpg" lat="" lng="" heading="">


	<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto"></view>



<!--  DISPLAY-SETTINGS  -->

            	<display fps="60" details="40" tessmode="0" movequality="BEST" stillquality="BEST" flash10="on" movequality10="BEST" stillquality10="BEST" stilltime="0.25" html5rendermode="1" hardwarelimit="2048" mipmapping="off"></display> 

		<preview url="panos/testpano.tiles/preview.jpg"></preview>



		<image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled">
			<level tiledimagewidth="2816" tiledimageheight="2816">
				<cube url="panos/testpano.tiles/%s/l3/%v/l3_%s_%v_%h.jpg"></cube>
			</level>
			<level tiledimagewidth="1536" tiledimageheight="1536">
				<cube url="panos/testpano.tiles/%s/l2/%v/l2_%s_%v_%h.jpg"></cube>
			</level>
			<level tiledimagewidth="768" tiledimageheight="768">
				<cube url="panos/testpano.tiles/%s/l1/%v/l1_%s_%v_%h.jpg"></cube>
			</level>
		</image>

		<image if="webvr.isenabled">
			<cube url="panos/testpano.tiles/vr/pano_%s.jpg"></cube>
		</image>

<!-- place your scene hotspots here -->

    	<hotspot name="hs1" style="hs_gallery" ath="0" atv="0" galleryname="gallery1" visible="true"></hotspot>
	<hotspot name="hs2" style="hs_gallery" ath="50" atv="20" galleryname="gallery2" visible="true"></hotspot>
	</scene>

<!-- ... -->



Best regards...
Christian

q-ki

Beginner

Posts: 33

  • Send private message

23

Sunday, June 19th 2016, 10:56am

got it

figured it out by myself

Quoted

<hotspot name="hs2" style="swipe_extra" galleryname="gallery1" fillcolor="0xaaaaaa" fillalpha="0.1" borderwidth="3.0" bordercolor="0xffffff" borderalpha="0.25"
depth="1000"
polyline="false"
scaleflying="true"
tx="0"
ty="0"
tz="0"
>
<point ath="-153.781925" atv="-11.626988" />
<point ath="-153.570686" atv="2.734318" />
<point ath="-133.588834" atv="2.939636" />
<point ath="-133.712618" atv="-13.882647" />
</hotspot>

<style name="swipe_extra" hotspot="hs2" onclick="show_gallery(get(galleryname))" onhover="showtext(get(gallery[get(galleryname)].title))"></style

Islander

Trainee

Posts: 103

  • Send private message

24

Thursday, September 29th 2016, 3:44pm

Quoted

This plugin gives surely another dimension to the Panoramas. But as in
common lightbox galleries out there on the net would it be possible to
add a text description field that would appear on the bottom to label
each photos? Please take this as a suggestion in your future coding.
Hello Panomaster,

any new update on this features?

panomaster

Intermediate

Posts: 296

Location: Kobyłka, Poland

Occupation: Virtual Tours - Spherical Panoramas - Krpano developer

  • Send private message

25

Saturday, October 1st 2016, 1:23am

I did not plan to develop this plugin. It was just... an example.
Leszek Cuper
Panoramy 360
Wirtualne spacery

SpinStudios

Trainee

Posts: 62

  • Send private message

26

Wednesday, December 27th 2017, 10:17pm

links in images?

Any way to make the images links to panoramas?

panomaster

Intermediate

Posts: 296

Location: Kobyłka, Poland

Occupation: Virtual Tours - Spherical Panoramas - Krpano developer

  • Send private message

27

Thursday, January 11th 2018, 1:11am

Could you tell me a little bit more about it? One link to all images? Every image with it's own link? Area of application?
Leszek Cuper
Panoramy 360
Wirtualne spacery

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

28

Thursday, February 1st 2018, 3:36pm

Thanks for this nice plugin that I use a lot for my personal web site :)

I added a small improvement : display on right bottom of 'image number / total image number' of the current gallery.

EDIT : and I also added the title of image display :)



There is the updated example : swipe_gallery_with_number.zip :)
http://photo.maelbathfield.net/

This post has been edited 2 times, last edit by "Mael B." (Feb 1st 2018, 10:16pm)

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

29

Thursday, February 1st 2018, 10:15pm

another improvement of this swipe gallery : possibility to add 2 colored borders to the image :)

Source code

 
1

	<gallery name="gallery1" id="1"  border1_size="1" border1_color="0x00000" border2_size="40" border2_color="0xFFFFFF" title="Title of gallery 1">



Source code

 
1

	<gallery name="gallery2" id="2"  border1_size="40" border1_color="0xFFFFFF" border2_size="3" border2_color="0xff9900" title="Some other pictures">



After resizing, the borders are kept in the screen (but there are not resized) :


theses improvements use 'txtshadow' for text layers and 'cacl()' function in a new action, which are only supported by quite recent version of krpano.

there is this new updated example : swipe_gallery_with_number_and_border.zip
http://photo.maelbathfield.net/

panomaster

Intermediate

Posts: 296

Location: Kobyłka, Poland

Occupation: Virtual Tours - Spherical Panoramas - Krpano developer

  • Send private message

30

Thursday, February 1st 2018, 11:26pm

Wow! Go on....

I hope you do not mind that I do not develop this project... Sorry.
Leszek Cuper
Panoramy 360
Wirtualne spacery

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

31

Friday, February 2nd 2018, 12:14am

Quoted from "panomaster"

Wow! Go on....

I hope you do not mind that I do not develop this project... Sorry.
Actually it is because I read (only recently) that you do not plan to develop this plugin that i decided to share my personal work on it ;-)
http://photo.maelbathfield.net/

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

32

Monday, February 19th 2018, 1:01pm

Another version of this sweep gallery with a main change : choice between horizontal or vertical sweeping *smile*
Minor changes :
- background color of several galleries can be different
- coding change in creation of layers

IMPORTANT: in a virtual tour (containing several scenes), DO NOT insert the gallery data into the scene nodes (see in attachment an example of tour xml).

Source code

 
1

	<gallery name="gallery1" mode="horizontal" bgcolor="0x000000" border1_size="1" border1_color="0x00000" border2_size="40" border2_color="0xFFFFFF" title="Title of gallery 1">


there is the updated example: swipe_gallery_with_number_and_border_v2.zip

If you consider that these improvements are valuable, please consider a small donation by using this current link (or possibly buy my more 'complex' RSGP_gallery plugin here ) ;-)
Mael B. has attached the following file:
  • tour.xml (4.36 kB - 204 times downloaded - latest: May 27th 2023, 2:37am)
http://photo.maelbathfield.net/

This post has been edited 2 times, last edit by "Mael B." (Mar 7th 2018, 9:41am)

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

33

Sunday, March 4th 2018, 11:12am

Thank you!

Thanks Mael!

I use Panomaster's original plugin much....and your improvements are awesome. I'm going to use this today! Thank you for improving and sharing an already valuable tool!

Cheers, Reggie *smile*

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

34

Sunday, March 4th 2018, 3:59pm

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

35

Wednesday, March 7th 2018, 9:44am

See the important note above to correctly handle the swipe_gallery_with_number_and_border_v2.zip within a virtual tour containing several scenes.
http://photo.maelbathfield.net/

Morne

Trainee

Posts: 63

  • Send private message

36

Wednesday, May 13th 2020, 9:09am

This is working nice, thanks to you both.

Any idea how I can implement the action onmousewheel to get a pinch to zoom on the gallery images?

This post has been edited 1 times, last edit by "Morne" (May 13th 2020, 10:02am)

ramirox3

Intermediate

Posts: 351

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

37

Wednesday, October 13th 2021, 8:03pm

help with swipe gallery

Hello, I have three galleries in the same scene. One has 4 pictures the other has three. I started riding the four, everything worked perfectly. When I set up the other two galleries, opening the one with four photographs only allowed me to see 2, also the one with three. What am I doing wrong? I hope someone can give me a hint.
Thanks in advance
  • 1
  • 2

Similar threads