Sie sind nicht angemeldet.

1

Dienstag, 11. Februar 2014, 22:15

How to link "hotspot" to a JPG

Hi everyone!
I'm really new to the XML world and want to execute a pretty simple task which is to create a hotspot that reveals a JPG.
For example I'm in a museum and by clicking on a hotspot on a painting you can see a high resolution JPG.

I've found a couple of threads about this already but since I know very little on how to manipulate XML files I practically need to know where everything goes and on which line.

First where does the JPG need to be physically? In the same folder where the tour.xml, tour.js, tour.html and etc are? Or in a specific folder like the "plugin" or "skin" folder for example.

Second.. I know how to open and modify a XML file. I can find the hotspots description for every scene but where exactly do I need to write new "source codes", plugins or stuff like that to link a hotspot to a JPG..

I mean.. What is the correct code and where?

Heres an example of the first scene of a VTour I've been working on:


<scene name="scene_01-LaJardin-Pano" title="01-LaJardin-Pano" onstart="" thumburl="panos/01-LaJardin-Pano.tiles/thumb.jpg" lat="" lng="" heading="">

<view hlookat="158.887" vlookat="9.287" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="range" vlookatmin="-79.640" vlookatmax="79.640" />

<preview url="panos/01-LaJardin-Pano.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="3678" tiledimageheight="3678">
<cube url="panos/01-LaJardin-Pano.tiles/%s/l4/%v/l4_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1839" tiledimageheight="1839">
<cube url="panos/01-LaJardin-Pano.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="920" tiledimageheight="920">
<cube url="panos/01-LaJardin-Pano.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="512" tiledimageheight="512">
<cube url="panos/01-LaJardin-Pano.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
</level>
<mobile>
<cube url="panos/01-LaJardin-Pano.tiles/mobile_%s.jpg" />
</mobile>
</image>

<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="144.481" atv="19.350" linkedscene="scene_02-lajardin-pano" />

</scene>

I really hope someone can help me!
Thanks for taking the time to read my amateur questions. Cheers!

2

Mittwoch, 12. Februar 2014, 04:35

Hi!
add layer for jpg image
<layer name="myJpg" url="blabla/myJpg.jpg" keep="true" visible="false"
.... here is attributes for set position, size and so on
onclick="set(visible,false)" - it's for hide jpg
/>

...

<hotspot name="showMyJpg" url="blabla/showJpgIcon.png"
onclick="set(layer[myJpg].visible,true);"
...
/>

That's it :) simplest way to show image
Hope it help

Andrey
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

3

Freitag, 14. Februar 2014, 23:22

Thx Andrey!! I' sure it will be pretty useful!!
I'll get on it this weekend! Thanks a lot for the fast response!

Phil