tooltips hotspots to display text all time

  • This is the part of the xml code from the make virtual tour droplet.

    <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="true"
    thumbs_dragging="true"
    thumbs_onhoverscrolling="false"
    thumbs_scrollbuttons="false"
    thumbs_scrollindicator="false"
    tooltips_thumbs="true"
    tooltips_hotspots="true"
    tooltips_mapspots="false"
    controlbar_offset="20"
    />

    The line tooltips_hotspots="true" enables text to display when mouse is over the hotspot. Can we put a line of code so the text display all the time?


  • </plugin>

    Thank you Jerombg!

    Is it possible to do it all at once so it could be changed globally?


    This is the part of the xml code from the make virtual tour droplet. I'm guessing adding a line at the tooltips_hotspots.??


    <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="true"
    thumbs_dragging="true"
    thumbs_onhoverscrolling="false"
    thumbs_scrollbuttons="false"
    thumbs_scrollindicator="false"
    tooltips_thumbs="true"
    tooltips_hotspots="true"
    tooltips_mapspots="false"
    controlbar_offset="20"
    />

    The line tooltips_hotspots="true" enables text to display when mouse is over the hotspot. Can we put a line of code so the text display all the time?

  • Hi,

    here a way to add such tooltips automatically - replace the current 'skin_hotspotstyle' code in the vtourskin.xml with this one:

    Here the onloaded event was replaced and an action added which creates and adds new textfields for each hotspot:

    Best regards,
    Klaus

  • I can't use it with animation action script. If I use it without animation works well but with animation, not working.

    Animation A. script :


    Where should I focus on for fixing this issue?

  • Hi, thank you for your reply.

    I didn't use distorted hotspot. I am just adding new hotspot and loading its animated style. I found all these code in krpano examples. Basically my code is like that.

    Code
    krObject.call("addhotspot(hotspot);");
                krObject.call("hotspot[hotspot].loadstyle(animated_hotspot);");
                krObject.set("hotspot[hotspot].ath", item.posX);
                krObject.set("hotspot[hotspot].atv", item.posY);


    Animated_hotspot style has onload-animation code:

  • enable tooltips in your skin_settings (vtourskin.xml) and set the titles in in your scenes (tour.xml)
    and... make the doors white ;)

    Hi. thanks for reply. As i say i'm not good in this. could you please one more time show me what to do here.
    here is some part of text from vtourskin.xml :
    and text from tour.xml:


    <!-- skin settings (can be overridden in the tour.xml) -->
    <skin_settings maps="false"
    maps_type="google"
    maps_bing_api_key=""
    maps_google_api_key=""
    maps_zoombuttons="false"
    gyro="true"
    webvr="true"
    webvr_gyro_keeplookingdirection="false"
    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="20"
    controlbar_offset_closed="-40"
    controlbar_overlap.no-fractionalscaling="10"
    controlbar_overlap.fractionalscaling="0"
    design_skin_images="vtourskin.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="3 0xFFFFFF 1.0"
    design_thumbborder_padding="2"
    design_thumbborder_bgroundedge="0"
    design_text_css="color:#FFFFFF; font-family:Arial;"
    design_text_shadow="1"
    />

    ____________________________________________________________________________________________________________________


    <scene name="scene_0" title="0" onstart="" thumburl="panos/0.tiles/thumb.jpg" lat="" lng="" heading="">

    <view hlookat="8.270" vlookat="3.618" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

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

    <image>
    <cube url="panos/0.tiles/pano_%s.jpg" />

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

    <!-- place your scene hotspots here -->
    <hotspot name="spot1" style="skin_hotspotstyle" ath="-22.538" atv="2.753" linkedscene="scene_1" />
    <hotspot name="spot2" style="skin_hotspotstyle" ath="30.613" atv="0.958" linkedscene="scene_6" />
    <hotspot name="spot3" style="skin_hotspotstyle" ath="103.796" atv="-33.544" linkedscene="scene_11" />

    </scene>

    <scene name="scene_1" title="1" onstart="" thumburl="panos/1.tiles/thumb.jpg" lat="" lng="" heading="">

    <view hlookat="62.225" vlookat="0.998" fovtype="MFOV" fov="129.017" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

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

    <image>
    <cube url="panos/1.tiles/pano_%s.jpg" />

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

    <!-- place your scene hotspots here -->
    <hotspot name="spot1" style="skin_hotspotstyle" ath="-10.708" atv="4.594" linkedscene="scene_5" />
    <hotspot name="spot2" style="skin_hotspotstyle" ath="33.515" atv="6.777" linkedscene="scene_3" />
    <hotspot name="spot3" style="skin_hotspotstyle" ath="69.130" atv="13.172" linkedscene="scene_2" />
    <hotspot name="spot4" style="skin_hotspotstyle" ath="130.584" atv="16.465" linkedscene="scene_4" />
    <hotspot name="spot5" style="skin_hotspotstyle" ath="-83.369" atv="10.722" linkedscene="scene_0" />

  • Hi, thank you but it didn't work for me.
    It would be really great if i may send you a folder, and you change texts there and then i see it how it work?
    I'll make test with 3 pictures, so not much to search in text. Would it be possible? If yes could you please give me your email in private message?

    tooltips_buttons="false"
    tooltips_thumbs="false"
    tooltips_hotspots="false"
    tooltips_mapspots="false"

    --> set some or all to true


    ---> title="my tooltip for scene 1"

Participate now!

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