Hi Panomaster,
I sure many are waiting like me for this new feature of Image Description.
Wish you well.
Hi Panomaster,
I sure many are waiting like me for this new feature of Image Description.
Wish you well.
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
<?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>
<!-- ... -->
Display More
Best regards...
Christian
figured it out by myself
QuoteDisplay More<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
QuoteThis 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?
I did not plan to develop this plugin. It was just... an example.
Any way to make the images links to panoramas?
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?
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 :)
another improvement of this swipe gallery : possibility to add 2 colored borders to the image :)
<gallery name="gallery1" id="1" border1_size="1" border1_color="0x00000" border2_size="40" border2_color="0xFFFFFF" title="Title of gallery 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
Wow! Go on....
I hope you do not mind that I do not develop this project... Sorry.
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
Another version of this sweep gallery with a main change : choice between horizontal or vertical sweeping
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).
<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 )
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
See the important note above to correctly handle the swipe_gallery_with_number_and_border_v2.zip within a virtual tour containing several scenes.
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?
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
Don’t have an account yet? Register yourself now and be a part of our community!