• Hello,

    Could someone be so kind as to explain how to implent the example given in th Examples section of this site?

    https://krpano.com/viewsource.htm…ut-hotspots.xml


    There is no indication about how or where to place the code or the xml for a basic tour generated by the krpano MAKE VTOUR droplet. I know there are a lot of experienced people here and are doing really advanced things with all this, so imagine this is very simple to explain.

    Thank you in advance.

  • Thank you for your response. Unfortunately, the image appears in the scene, but when I click on it it just disappears.


    <krpano version="1.20.11" title="Virtual Tour">

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

    <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
    <skin_settings maps="false"
    maps_type="google"
    maps_bing_api_key=""
    maps_google_api_key=""
    maps_zoombuttons="false"
    maps_loadonfirstuse="true"
    gyro="true"
    gyro_keeplookingdirection="false"
    webvr="true"
    webvr_keeplookingdirection="true"
    webvr_prev_next_hotspots="true"
    autotour="false"
    littleplanetintro="false"
    followmousecontrol="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=""
    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"
    />

    <!--
    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_design_flat_light.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" /> -->



    <scene name="scene_Panorama_museum2_2023-03-14-01-19-19" title="Panorama_museum2_2023-03-14-01-19-19" onstart="" thumburl="panos/Panorama_museum2_2023-03-14-01-19-19.tiles/thumb.jpg" lat="" lng="" heading="">

    <control bouncinglimits="calc:image.cube ? true : false" />

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

    <preview url="panos/Panorama_museum2_2023-03-14-01-19-19.tiles/preview.jpg" />

    <image>
    <cube url="panos/Panorama_museum2_2023-03-14-01-19-19.tiles/%s/l%l/%0v/l%l_%s_%0v_%0h.jpg" multires="512,640,1280,2624,5248" />
    </image>

    <!-- use only a grid preview pano -->
    <preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" />

    <!-- view settings -->
    <view hlookat="12" vlookat="40" fov="105" />


    <!-- use a <style> to share the same attriubtes for all hotspots -->
    <style name="flyoutimage"
    renderer="webgl"
    distorted="true"
    flying="0.0"
    backup_state=""
    backup_zorder=""
    flying_state="in"
    capture="true"
    onclick="flyout_hotspot()"
    />


    <hotspot name="spot1" style="flyoutimage"
    url="image1.jpg"
    zorder="1"
    ath="45"
    atv="54"
    scale="0.4"
    rx="-22.5" ry="-26.25" rz="-50.1"
    />

    <hotspot name="spot2" style="flyoutimage"
    url="image2.jpg"
    zorder="2"
    ath="60"
    atv="54"
    scale="0.4"
    rx="-22.5" ry="-26.25" rz="-50.1"
    />

    <hotspot name="spot3" style="flyoutimage"
    url="image3.jpg"
    zorder="3"
    ath="75"
    atv="58"
    scale="0.4"
    rx="-22.5" ry="-26.25" rz="-50.1"
    />


    <!-- flyout hotspot actions -->
    <action name="flyout_hotspot">
    for(set(i,0), i LT hotspot.count, inc(i),
    copy(hs, hotspot[get(i)]);
    if(hs.name != name AND hs.style == 'flyoutimage' AND (hs.flying_state == 'out' OR hs.flying_state == 'flyingout'),
    callwith(hs, flyout_hotspot() );
    );
    );

    if(flying_state == 'flyingout',
    set(flying_state, 'flyingin');
    ,
    if(flying_state == 'flyingin',
    set(flying_state, 'flyingout');
    );
    );

    if(flying_state == 'in',
    calc(backup_state, '0.0|' + rx + '|' + ry + '|' + rz + '|' + scale);
    copy(backup_zorder, zorder);
    set(flying_state, 'flyingout');
    );

    if(flying_state == 'out',
    set(flying_state, 'flyingin');
    );

    if(flying_state == 'flyingout',
    set(zorder, 99);
    tween(flying|rx|ry|rz|scale, ('1.0|0.0|0.0|0.0|'+0.9*min(stagewidth/sourcewidth,stageheight/sourceheight)), 0.5, default, set(flying_state,'out'); );
    );

    if(flying_state == 'flyingin',
    sub(zorder,1);
    tween(flying|rx|ry|rz|scale, get(backup_state), 0.5, default, set(flying_state,'in'); copy(zorder,backup_zorder); );
    );
    </action>


    </scene>


    </krpano>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!