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*

  • 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:
    https://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:
    https://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:
    https://krpano.com/tools/#topics


    4. regarding auto-rotation:

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

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

    Best regards,
    Klaus

  • 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

  • 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:
    https://krpano.com/examples/116/e…nadir-logo.html

    e.g. just add this code:

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

  • 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

    Edited once, last by gaboso (September 20, 2013 at 12:26 AM).

  • 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 *wink*

    Andrey

  • 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: https://krpano.com/examples/116/e…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

    Edited once, last by gaboso (September 20, 2013 at 5:23 PM).

  • 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/upl…/tripod_cap.png"
    ath="0"
    atv="90"
    distorted="true"
    scale="1.0"
    rotate="0.0"
    rotatewithview="false"
    onclick="switch(rotatewithview); invalidatescreen();"
    />

    </krpano>

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

  • 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 -->"

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

  • 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! *wink*

  • 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!

    Edited once, last by gaboso (September 20, 2013 at 11:56 PM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!