Sie sind nicht angemeldet.

Swipe events on 2d layer

  • 1
  • 2

Islander

Schüler

Beiträge: 104

  • Nachricht senden

21

Sonntag, 24. April 2016, 18:43

Hi Panomaster,

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

Wish you well.

q-ki

Anfänger

Beiträge: 33

  • Nachricht senden

22

Mittwoch, 15. Juni 2016, 12:18

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

Quellcode

 
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

Anfänger

Beiträge: 33

  • Nachricht senden

23

Sonntag, 19. Juni 2016, 10:56

got it

figured it out by myself

Zitat

<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

Schüler

Beiträge: 104

  • Nachricht senden

24

Donnerstag, 29. September 2016, 15:44

Zitat

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

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

  • Nachricht senden

25

Samstag, 1. Oktober 2016, 01:23

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

SpinStudios

Schüler

Beiträge: 65

  • Nachricht senden

26

Mittwoch, 27. Dezember 2017, 22:17

links in images?

Any way to make the images links to panoramas?

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

  • Nachricht senden

27

Donnerstag, 11. Januar 2018, 01:11

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.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

28

Donnerstag, 1. Februar 2018, 15:36

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/

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Mael B.« (1. Februar 2018, 22:16)

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

29

Donnerstag, 1. Februar 2018, 22:15

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

Quellcode

 
1

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



Quellcode

 
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

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

  • Nachricht senden

30

Donnerstag, 1. Februar 2018, 23:26

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.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

31

Freitag, 2. Februar 2018, 00:14

Zitat von »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.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

32

Montag, 19. Februar 2018, 13:01

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).

Quellcode

 
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.« hat folgende Datei angehängt:
  • tour.xml (4,36 kB - 234 mal heruntergeladen - zuletzt: Heute, 04:02)
http://photo.maelbathfield.net/

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Mael B.« (7. März 2018, 09:41)

Reggie

Schüler

Beiträge: 92

Wohnort: Seymour, TN US

Beruf: Virtual Tour Photographer

  • Nachricht senden

33

Sonntag, 4. März 2018, 11:12

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

Schüler

Beiträge: 92

Wohnort: Seymour, TN US

Beruf: Virtual Tour Photographer

  • Nachricht senden

34

Sonntag, 4. März 2018, 15:59

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

  • Nachricht senden

35

Mittwoch, 7. März 2018, 09:44

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

Schüler

Beiträge: 63

  • Nachricht senden

36

Mittwoch, 13. Mai 2020, 09:09

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?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Morne« (13. Mai 2020, 10:02)

ramirox3

Fortgeschrittener

Beiträge: 354

Wohnort: La Ceja, Colombia

Beruf: photographer

  • Nachricht senden

37

Mittwoch, 13. Oktober 2021, 20:03

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

Zurzeit ist neben Ihnen 1 Benutzer in diesem Thema unterwegs:

1 Besucher

Ähnliche Themen