请问一下，为什么我中间会出现个十字？

[linhuisheng]

调用的是你的模块 ：
krpano/tour.xml

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

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

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


<!-- startup action - load the first scene -->
<action name="startup" autorun="onstart">
	if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
	loadscene(get(startscene), null, MERGE);
	if(startactions !== null, startactions() );
	jscall(krpano.hooks.ready())
</action>



<scene name="scene_______1" title="卧室1" onstart="" havevrimage="true" thumburl="panos/______1.tiles/thumb.jpg" lat="" lng="" heading="">

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

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

	<image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled">
		<level tiledimagewidth="640" tiledimageheight="640">
			<cube url="panos/______1.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>

	<image if="webvr.isenabled">
		<cube url="panos/______1.tiles/vr/pano_%s.jpg" />
	</image>

</scene>

<scene name="scene_______" title="大厅" onstart="" havevrimage="true" thumburl="panos/______.tiles/thumb.jpg" lat="51.17687500" lng="-1.82400833" heading="0.0">

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

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

	<image type="CUBE" prealign="0|0.0|0" multires="true" tilesize="512" if="!webvr.isenabled">
		<level tiledimagewidth="2816" tiledimageheight="2816">
			<cube url="panos/______.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
		</level>
		<level tiledimagewidth="1280" tiledimageheight="1280">
			<cube url="panos/______.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
		</level>
		<level tiledimagewidth="640" tiledimageheight="640">
			<cube url="panos/______.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>

	<image prealign="0|0.0|0" if="webvr.isenabled">
		<cube url="panos/______.tiles/vr/pano_%s.jpg" />
	</image>

</scene>

期中，当我没有加这一句的时候jscall(krpano.hooks.ready()) 是显示资源加载中、空白，加这句后才可以，但是图片不知道为什么会出现中间两条白线。我用你的例子想单独运行起来又不行，我用yarn install 安装不了。麻烦哥了！