krpano让场景开始即展示图片，10秒后自动隐藏

最新推荐文章于 2023-04-08 21:20:59 发布

原创

最新推荐文章于 2023-04-08 21:20:59 发布 · 1k 阅读

收录于

krpano场景启动时会显示居中图片，10秒后自动消失或允许用户点击隐藏。通过在tour.xml添加代码实现图片自适应屏幕，并在scene标签内设置图片延迟消失时间，同时确保全景图加载完毕后图片才显示，提供良好用户体验。

krpano每个场景开始时都显示一张图片在正中央，然后图片在10秒后自动消失或用户可以自行点击图片隐藏。

解决方案：
为了让所显示的图片的自适应屏幕尺寸，首先在tour.xml插入下面的代码（不要放在scene标签内）：


<action name="picture_resize">
 
<!-- 使用屏幕宽度或高度的百分之九十 -->
 
div(aspect, layer[%1].imagewidth, layer[%1].imageheight);
 
mul(new_width, stagewidth, 0.90);
 
div(new_height, new_width, aspect);
 
mul(max_height, stageheight, 0.90);
 
if(new_height GT max_height,
 
copy(new_height, max_height);
 
mul(new_width, new_height, aspect);
 
);
 
roundval(new_width);
 
roundval(new_height);
 
copy(layer[%1].width, new_width);
 
copy(layer[%1].height, new_height);
 
</action>

你可以修改上面两个0.9的数字，控制图片在全景窗口中的显示比例。
然后在你要实现该功能的scene标签内加入下面的代码：


<layer name="test" url="1.jpg" align="center"
 
alpha="0" visible="false"
 
onclick="tween(alpha,0);delayedcall(0.5,set(visible,false));"
 
onloaded="picture_resize(get(name));" />
 
 
<events name="picture_period"
 
onpr