Swipe events on 2d layer

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Islander

Schüler

Beiträge: 104

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.

Zum Seitenanfang

q-ki

Anfänger

Beiträge: 33

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

<?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

Zum Seitenanfang

q-ki

Anfänger

Beiträge: 33

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

Zum Seitenanfang

Islander

Schüler

Beiträge: 104

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?

Zum Seitenanfang

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

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

Zum Seitenanfang

SpinStudios

Schüler

Beiträge: 65

Mittwoch, 27. Dezember 2017, 22:17

links in images?

Any way to make the images links to panoramas?

Zum Seitenanfang

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

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

Zum Seitenanfang

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

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)

Zum Seitenanfang

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

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/

Zum Seitenanfang

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

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

Zum Seitenanfang

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

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/

Zum Seitenanfang

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

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)

Zum Seitenanfang

Reggie

Schüler

Beiträge: 92

Wohnort: Seymour, TN US

Beruf: Virtual Tour Photographer

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*

Zum Seitenanfang

Reggie

Schüler

Beiträge: 92

Wohnort: Seymour, TN US

Beruf: Virtual Tour Photographer

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

Zitat von »Mael B.«

Zum Seitenanfang

Mael B.

Schüler

Beiträge: 157

Wohnort: France, Montpellier

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/

Zum Seitenanfang

Morne

Schüler

Beiträge: 63

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)

Zum Seitenanfang

ramirox3

Fortgeschrittener

Beiträge: 354

Wohnort: La Ceja, Colombia

Beruf: photographer

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

Zum Seitenanfang