You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Tuesday, September 17th 2013, 11:27pm

PLEASE HELP! Adding an image with a url link.

Could someone please tell me what file I need to access so that I can add a image logo with a URL link?

I would like this to be added to every virtual tour I create so it need to be permanent?

Is there any tutorial that shows you how to do this?

PLEASE HELP! *mellow*

Also, where is the settings so I can enable auto rotation and speed.

Thanks again! *smile*

2

Wednesday, September 18th 2013, 6:37am

Hello... Can anybody help?

3

Wednesday, September 18th 2013, 8:20am

Hi,

okay - e.g.:

1. to add an own image (logo) use the <layer> element:

<layer name="mylogo" url="logo.png" align="lefttop" keep="true" />

see also here:
http://krpano.com/docu/xml/#layer


2. to open an url on click add also an onclick event and call there the openurl action

<layer name="mylogo" url="logo.png" align="lefttop" keep="true" onclick="openurl('http://yoururl.com');" />

see also here:
http://krpano.com/docu/actions/#openurl


3. to add this code automatically edit the template xml files - which xml file exactly depends on the used droplet,

see here for details:
http://krpano.com/tools/#topics


4. regarding auto-rotation:

http://krpano.com/docu/xml/#autorotate.advanced

e.g.
<autorotate enabled="true" speed="3.0" />

Best regards,
Klaus

4

Thursday, September 19th 2013, 12:56am

Thank you very much Klaus, I will be playing with this tonight. Wish me luck! *smile*

Two more questions....

1) Is there an easy way to add a Tripod Cap to both the Flash and HTML5? I'm looking to simplify this action instead of taking every cube into Photoshop and manually adding them. I would love it if it could also be non rotating.

2) Where do I control the Title that is displayed on the tabs in IE and Firefox? Currently it reads... "krpano.com - "

Thank you again sir!

Gabriel

5

Thursday, September 19th 2013, 10:37am

Hi,

1) Is there an easy way to add a Tripod Cap to both the Flash and HTML5? I'm looking to simplify this action instead of taking every cube into Photoshop and manually adding them. I would love it if it could also be non rotating.
Look at the included 'nadir-logo' example:
http://krpano.com/examples/116/examples/…nadir-logo.html

e.g. just add this code:

Source code

1
2
3
4
5
6
<hotspot name="nadirlogo" keep="true"
         url="logo.png"
         ath="0" atv="90" distorted="true"
         scale="1.0"
         rotate="0.0"
         />


2) Where do I control the Title that is displayed on the tabs in IE and Firefox? Currently it reads... "krpano.com - "
That's the html page title - it can be changed in the html file.
To change it automatically for all generated panos/tours - change directly the html template file (see the config files for the right html file).

Best regards,
Klaus

6

Thursday, September 19th 2013, 10:56pm

How do I know where or what file I am supposed to add this code to?

Or do I have to create a new XML file? Confused! *confused*

Sorry for my newbie questions but I just don't know code but willing to learn "somewhat". *g*

Thanks

This post has been edited 1 times, last edit by "gaboso" (Sep 20th 2013, 12:26am)


Alexey Tkachenko

Professional

Posts: 760

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

7

Friday, September 20th 2013, 8:15am

Hi! Add the code to your vtour.xml (or whatever it is called) - the main file of your tour.
Regards,

Alexey

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

8

Friday, September 20th 2013, 9:56am

Hi!
Sorry for my newbie questions but I just don't know code but willing to learn "somewhat".


As I can see, you even didn't try to understand how examples works.
Dear gaboso
Please, take a look at examples they are very understandable, try to play with some setting in example.
Change it and experimenting...
And read documentation carefully, it's detailed described and very useful.
And then, if don't understand something ask us here on the forum...
But for now, I see that you didn't even try...
No offense ;-)

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

9

Friday, September 20th 2013, 5:12pm

Andrey,

I have tried reading the the documentation but I'm having a hard time deciphering where to place the code. I have placed it in many different ways within my "tour.xml" file and I either get errors or it simply doesn't work. I'm sorry I have no code knowledge, I'm just looking for a starting point.

I also looked at the example: http://krpano.com/examples/116/examples/…nadir-logo.html but how do I see the code to see how it was placed/used.

Is there a way to see the actual XML file so I can disect it.

I was reading other forum articles and see that they reference examples that came with krpano. Where are these examples? There were no examples in any of my files. If there were, trust me I'd have already probably figured this out.

Thank you

This post has been edited 1 times, last edit by "gaboso" (Sep 20th 2013, 5:23pm)


10

Friday, September 20th 2013, 5:52pm

Here is what I've done, please tell me what I'm missing....

<krpano version="1.16" title="Virtual Tour" onstart="startup();">

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

<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->
<skin_settings bingmaps="false"
bingmaps_key=""
bingmaps_zoombuttons="false"
gyro="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"
tooltips_thumbs="false"
tooltips_hotspots="false"
tooltips_mapspots="false"
controlbar_offset="20"
/>

<!-- set optional skin logo url -->
<layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />

<action name="startup">
if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);
</action>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
</script>

<scene name="scene_house_front_1_Panorama" title="house_front_1 Panorama" onstart="" thumburl="panos/house_front_1_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">

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

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

<image>
<cube url="panos/house_front_1_Panorama.tiles/pano_%s.jpg" />
<mobile>
<cube url="panos/house_front_1_Panorama.tiles/mobile_%s.jpg" />
</mobile>
</image>

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

</scene>

<scene name="scene_living_room_1_Panorama" title="living_room_1 Panorama" onstart="" thumburl="panos/living_room_1_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">

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

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

<image>
<cube url="panos/living_room_1_Panorama.tiles/pano_%s.jpg" />
<mobile>
<cube url="panos/living_room_1_Panorama.tiles/mobile_%s.jpg" />
</mobile>
</image>

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

</scene>

<!-- nadir logo (distored hotspot) -->
<hotspot name="nadirlogo"
url="http://www.360address.com/wp-content/uploads/2013/09/tripod_cap.png"
ath="0"
atv="90"
distorted="true"
scale="1.0"
rotate="0.0"
rotatewithview="false"
onclick="switch(rotatewithview); invalidatescreen();"
/>

</krpano>

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

11

Friday, September 20th 2013, 5:54pm

Gaboso,
look inside the folder "krpano" you've downloaded: there should be a folder "examples".
if not download it again. ;-)

12

Friday, September 20th 2013, 7:27pm

Thank you Tonesh!

Okay, I think I'm kinda getting there....

After I generate a tour and I open up the tour.xml file I see it puts an area towards the bottom that reads "<!-- place your scene hotspots here -->". Where do I find this section in the vtour.xml file so I can place the code and it's permanent on all future tours?

Please bare with me as this is all seriously new to me.

Thanks again.

13

Friday, September 20th 2013, 7:44pm

Nevermind... I figured it out!!!! It's the "vtour_hotspottemplate.xml". That is where I placed the code and it seems to work but now I don't know how to include the nadir image to automatically be included when I create a new virtual tour. I tried calling it with a complete URL (i.e. http://www.website.com/image.png) but it comes back with an error.

Any suggestions?

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

14

Friday, September 20th 2013, 9:18pm

gaboso,
look into the "krpanotools" folder.
Then open "templates" folder. Then "xml" and last "skin".

If you are using the droplet "MAKE VTOUR" put this code (as Klaus said) in the vtourskin.xml,
or if you use the "MAKE PANO" droplet in the defaultskin.xml.

Insert the code on first lines, so you can found it easily, like under "<!-- krpano 1.16.5 - Default Virtual Tour Skin -->"

Source code

1
2
3
4
5
6
7
<hotspot name="nadirlogo" keep="true"
         url="logo.png"
         ath="0" atv="90" distorted="true"
         scale="1.0"
         rotate="0.0"
        onclick="openurl(http://www.my_site/my_page.html,_blank);"
         />


then you have to put the image (logo.png) in the "skin" folder.

!! make a copy of the original vtourskin.xml and defaultskin.xml !!

good luck.

15

Friday, September 20th 2013, 10:44pm

Thank you very much Tonesh!

I followed exactly what you said and it seams to work good. My only question is.... Do I have to manually add the image/logo inside the skin folder everytime? Or is there a way it can automatically added when I process a tour?

Thanks again for your help! ;-)

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

16

Friday, September 20th 2013, 11:06pm

HI!
I see progress now :) well done, you trying....
happy for you

Andrey

PS - if you customize droplet templates then you will get same skin code every time you making tour....
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

17

Friday, September 20th 2013, 11:15pm

Andrey,

Can you elaborate on how you customize droplet templates? What do you mean by this?

Thanks

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

18

Friday, September 20th 2013, 11:26pm

Open droplet file and take a look
You will find paths to templates (in "templates" folder)
so, you can change and adjust/customize this templates for your needs
Make your own templates changes

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

19

Friday, September 20th 2013, 11:46pm

Can anyone explain to me how the navigation images (vtourskin.png) and hotspot arrow (vtourskin-hotspot.png) are automatically included/added to the skin folder everytime a tour is generated?

I think this is what Andrey is trying to say by customizing the droplets but since I'm not a coder I don't want to ruin these files by not knowing what I'm doing. This would just put me further in the hole!

Thanks to anyone that can help me!

This post has been edited 1 times, last edit by "gaboso" (Sep 20th 2013, 11:56pm)


20

Tuesday, September 24th 2013, 6:43am

Does anybody know how these are added?

Thank you