Skip to content

fengfan / wanda-vr

Go to a project
Commit ec7fed6a by junxiang wang
Options

更新内容

parent 976f3296
Showing with 800 additions and 195 deletions
device.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>玩转丹寨万达小镇</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style>
*{
margin: 0;
padding: 0;
border:none;
}
.page-wrap{
position: absolute;
width: 100%;
height: 100%;
background-image: url("/images/load/hello.png");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.logo{
margin:30px 0 0 20px;
height: 14px;
display: block;
}
.title{
position: absolute;
width: 235px;
bottom: 207px;
left: 50%;
transform: translateX(-50%);
}
.mtitle{
position: absolute;
height: 15px;
bottom: 162px;
left: 50%;
transform: translateX(-50%);
}
.go{
position: absolute;
height: 63px;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
}
</style>
<!-- <script src="/libs/vue/vue.js"></script>-->
</head>
<body id="app">
<div class="page-wrap">
<img class="logo" src="/images/load/logo.png" />
<img class="title" src="/images/load/title.png" />
<img class="mtitle" src="/images/load/mtitle.png" />
<img onclick="toPano()" class="go" src="/images/load/go.png" />
</div>
<script>
function toPano() {
location.href = '/vr.html'
}
</script>
</body>
</html>
index.html
...@@ -56,10 +56,12 @@ ...@@ -56,10 +56,12 @@
<img class="logo" src="/images/load/logo.png" /> <img class="logo" src="/images/load/logo.png" />
<img class="title" src="/images/load/title.png" /> <img class="title" src="/images/load/title.png" />
<img class="mtitle" src="/images/load/mtitle.png" /> <img class="mtitle" src="/images/load/mtitle.png" />
<img class="go" src="/images/load/go.png" /> <img onclick="toPano()" class="go" src="/images/load/go.png" />
</div> </div>
<script> <script>
function toPano() {
location.href = '/tour.html'
}
</script> </script>
</body> </body>
</html> </html>
pano.xml deleted 100644 → 0
<krpano>
<!-- the skin -->
<include url="skin/defaultskin.xml" />
<!-- view settings -->
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
<preview url="vr.tiles/preview.jpg" />
<image prealign="0|0.0|0">
<cube url="vr.tiles/pano_%s.jpg" />
</image>
</krpano>
plugins/fps.xml 0 → 100644
<krpano>
<!--
fps (frames per second) xml plugin
- this plugin shows the current average rendering frame-rate
- krpano 1.18
-->
<action name="fps_install" autorun="preinit">
delayedcall(1.0,
addlayer(fps_display);
set(layer[fps_display].keep, true);
set(layer[fps_display].align, 'lefttop');
if(device.mobile AND stagescale LT 1.0,
<!-- a larger font for mobiles -->
set(layer[fps_display].css, 'font-size:24px; color:#FFFFFF;');
,
<!-- and a smaller font for desktop and tablets -->
set(layer[fps_display].css, 'font-size:12px; color:#FFFFFF;');
);
set(layer[fps_display].textshadow, 0.01);
set(layer[fps_display].background, false);
set(layer[fps_display].parent, STAGE);
set(layer[fps_display].enabled, false);
set(layer[fps_display].url, '%SWFPATH%/plugins/textfield.swf');
fps_update();
);
</action>
<action name="fps_update">
copy(tmp, display.currentfps);
roundval(tmp);
txtadd(layer[fps_display].html, 'FPS: ', get(tmp));
delayedcall(0.5, fps_update());
</action>
</krpano>
plugins/scrollarea.js 0 → 100644
/*
krpano 1.19-pr10 ScrollArea Plugin (build 2017-05-10)
http://krpano.com/plugins/scrollarea/
*/
var krpanoplugin=function(){function P(a){return"boolean"==typeof a?a:0<="yesontrue1".indexOf(String(a).toLowerCase())}function Z(a){if(a&&k&&aa){var c=k.timertick,f=0;0==Q&&(Q=c);var b=c-Q|0;Q=c;"wheel"==a.type?f=a.deltaY:"mousewheel"==a.type?f=-a.wheelDelta:"DOMMouseScroll"==a.type&&(f=a.detail);f=-f;500<b?R=1==a.deltaMode||0==f%20?0:1:66>b&&0==R&&0!=f%40&&6<Math.abs(f)&&(R=1);a.preventDefault();a.stopPropagation();0!=f&&(0==R?f=0>f?-5:5:(f/=20,-10>f?f=-10:10<f&&(f=10)),1==n?S(f*A,0):2==n?S(0,f*
y):3==n&&S(0,f*y))}}function u(a,c,f,b,e){var d=null;e=(!0===e?"remove":"add")+"EventListener";var g=T.browser.events;if(g.touch&&("down"==c?d=g.touchstart:"move"==c?d=g.touchmove:"up"==c&&(d=g.touchend),T.ie&&0==g.mouse&&("over"==c?d=g.pointerover?g.pointerover:"MSPointerOver":"out"==c&&(d=g.pointerout?g.pointerout:"MSPointerOut")),d))a[e](d,f,b);if(g.mouse&&("down"==c?d="mousedown":"move"==c?d="mousemove":"up"==c?d="mouseup":"over"==c?d="mouseover":"out"==c&&(d="mouseout"),d))a[e](d,f,b)}function fa(){if(b){var a=
b.sprite.parentNode;a&&(a=a.kobject)&&(a.maskchildren=!0,a.poschanged&&a.updatepluginpos(),b.poschanged&&b.updatepluginpos(),ba=a,r=a.pixelwidth,t=a.pixelheight,isNaN(r)&&(r=0),isNaN(t)&&(t=0),D=0<r||0<t)}}function G(){e=Number(b.x);d=Number(b.y);isNaN(ca)&&(e=0);isNaN(da)&&(d=0)}function H(a){a=void 0===a?!1:a;1==(n&1)?b.x!=e&&(b.x=e,a=!0):e=0;2==(n&2)?b.y!=d&&(b.y=d,a=!0):d=0;!D||U[0]==v&&U[1]==w||(U[0]=v,U[1]=w,a=!0);if(a&&b&&D){a=r-v;var c=t-w,f=e,l=d;isNaN(f)&&(f=0);isNaN(l)&&(l=0);f+=a*p;l+=
c*q;b.woverflow=-a;b.hoverflow=-c;b.loverflow=Math.round((-f+E*a)*A);b.roverflow=Math.round((+f-(1-E)*a)*A);b.toverflow=Math.round((-l+F*c)*y);b.boverflow=Math.round((+l-(1-F)*c)*y);b.onscroll&&k.call(b.onscroll,b)}}function ga(a){for(;0<z.length&&!(100>=a-z[0].time);)z.shift()}function I(){fa();var a=String(b.align).toLowerCase();if(""==a||"null"==a)a="lefttop";y=A=1;q=p=.5;F=E=0;0<=a.indexOf("left")&&(p=E=0,A=1);0<=a.indexOf("top")&&(q=F=0,y=1);0<=a.indexOf("right")&&(E=1,p=0,A=-1);0<=a.indexOf("bottom")&&
(F=1,q=0,y=-1)}function ha(a){I();z=[];if(0==J)x=!1;else{u(window,"up",ia,!0);u(window,"move",ja,!0);var c=k.stagescale,f=a.changedTouches&&0<a.changedTouches.length?a.changedTouches[0]:a;a=f.pageX/c;c=f.pageY/c;x=!1;V=a;W=c;return!1}}function ka(a){(void 0===a.pointerType||4==a.pointerType||"mouse"==a.pointerType)&&ea&&(I(),0!=D&&(a=t-w,0>r-v||0>a))&&(K=!0,u(b.sprite,"move",la,!0),u(b.sprite,"out",ma,!0))}function la(a){K&&0==x&&ba&&(a=ba.getmouse(),X(a.x/r*b.pixelwidth,a.y/t*b.pixelheight,!0))}
function ma(a){u(b.sprite,"move",la,!0,!0);u(b.sprite,"out",ma,!0,!0);K=!1}function ja(a){if(0==J)return x=!1;var c=k.stagescale,f=a.changedTouches&&0<a.changedTouches.length?a.changedTouches[0]:a;a=f.pageX/c;c=f.pageY/c;0==x&&(n&1&&5<Math.abs(a-V)||n&2&&5<Math.abs(c-W))&&(B&&(g=h=0,B=!1),null!=m&&(clearInterval(m),m=null),x=!0,K=!1,V=a,W=c,G(),ca=e,da=d);x&&(f=k.timertick,ga(f),z.push({time:f,x:a,y:c}),e=ca+(a-V)*A,d=da+(c-W)*y,a=-(v-r),c=-(w-t),e+=a*p,d+=c*q,f=1/(1+C*C),e=0<a?e-(e-a*p)*f:e-(0<e?
e:e<a?e-a:0)*f,d=0<c?d-(d-c*q)*f:d-(0<d?d:d<c?d-c:0)*f,e-=a*p,d-=c*q,H());return!1}function ia(a){u(window,"up",ia,!0,!0);u(window,"move",ja,!0,!0);if(0==J)g=h=0,x=!1;else if(x){ga(k.timertick);if(1<z.length){a=z[0];var c=z[z.length-1],f=c.y-a.y,b=(c.time-a.time)*Y;h=(c.x-a.x)/b*A;g=f/b*y}else g=h=0;m=setInterval(L,1E3/60);x=!1}}function pa(){setTimeout(function(){fa();H(!0);null==m&&(m=setInterval(L,1E3/60))},100)}function L(){e+=h;d+=g;h*=M;g*=M;var a=0,c=0,b=-(v-r),l=-(w-t);e+=b*p;d+=l*q;0<b?a=
e-b*p:B?a=e-na:e<b?a=e-b:0<e&&(a=e);.1>a*a&&(a=0);0<l?c=d-l*q:B?c=d-oa:d<l?c=d-l:0<d&&(c=d);.1>c*c&&(c=0);e-=b*p;d-=l*q;0==(n&1)&&(h=a=0);0==(n&2)&&(g=c=0);0!=a&&(a*=-1,e+=a*(1-C),h=0>=a*h?h+a*N:a*O,h*=C);0!=c&&(c*=-1,d+=c*(1-C),g=0>=c*g?g+c*N:c*O,g*=C);0==a&&0==c&&.05>Math.sqrt(h*h+g*g)&&(B=!1,g=h=0,clearInterval(m),m=null);H()}function X(a,c,b){I();G();if(0==D)setTimeout(function(){X(a,c,b)},10);else{a=Number(a);isNaN(a)&&(a=0);c=Number(c);isNaN(c)&&(c=0);var l=r-v,g=t-w;a=E*v+a*A;c=F*w+c*y;a*=
-1;c*=-1;a+=r/2;0<a&&(a=0);a<l&&(a=l);c+=t/2;0<c&&(c=0);c<g&&(c=g);!0===b?(B=!0,na=a,oa=c,null==m&&(m=setInterval(L,1E3/60))):(l=-(v-r),g=-(w-t),a=0>l?a-l*p:0,c=0>g?c-g*q:0,e=a,d=c,H())}}function qa(a,c){X(a,c,!0)}function ra(){null!=m&&(clearInterval(m),m=null);K=x=!1;z=[];g=h=0;B=!1;G()}function S(a,c){B=!1;a=Number(a);isNaN(a)&&(a=0);c=Number(c);isNaN(c)&&(c=0);I();G();if(0!=D){var b=r-v,l=t-w,k=!1;0>b&&(e+=b*p,0<a&&0>e?(k=!0,h+=a):0>a&&e>b&&(k=!0,h+=a),e-=b*p);0>l&&(d+=l*q,0<c&&0>d?(k=!0,g+=c):
0>c&&d>l&&(k=!0,g+=c),d-=l*q);k&&null==m&&(m=setInterval(L,1E3/60))}}var k=null,b=null,T=null,n=3,v=0,w=0,U=[0,0],D=!1,ba=null,r=0,t=0,B=!1,na=0,oa=0,A=1,y=1,p=0,q=0,E=0,F=0,C=1,M=.95,N=.08,O=.15,Y=1/15,J=!0,aa=!0,x=!1,V=0,W=0,e=0,d=0,ca=0,da=0,m=null,z=[],h=0,g=0,K=!1,ea=!1;this.registerplugin=function(a,c,d){k=a;b=d;"1.19">k.version?(k.trace(3,"Scrollarea Plugin - too old krpano version (min. version 1.19)"),b=k=null):(T=k.device,b.registerattribute("direction","all",function(a){a=String(a).toLowerCase();
n=0;n|=1*(0<=a.indexOf("h"));n|=2*(0<=a.indexOf("v"));n|=3*(0<=a.indexOf("all"))},function(){return 3==(n&3)?"all":1==(n&1)?"h":"v"}),b.registerattribute("overscroll",C,function(a){C=0>a?0:1<a?1:a},function(){return C}),b.registerattribute("friction",M,function(a){M=Number(a)},function(){return M}),b.registerattribute("acceleration",N,function(a){N=Number(a)},function(){return N}),b.registerattribute("returnacceleration",O,function(a){O=Number(a)},function(){return O}),b.registerattribute("momentum",
Y,function(a){Y=Number(a)},function(){return Y}),b.registerattribute("onscroll",null),b.registerattribute("woverflow",0),b.registerattribute("hoverflow",0),b.registerattribute("loverflow",0),b.registerattribute("roverflow",0),b.registerattribute("toverflow",0),b.registerattribute("boverflow",0),b.registerattribute("draggable",!0,function(a){J=P(a)},function(){return J}),b.registerattribute("mwheel",!0,function(a){aa=P(a)},function(){return aa}),b.registerattribute("onhover_autoscrolling",!1,function(a){ea=
P(a)},function(){return ea}),b.registerattribute("csshardwareacceleration","auto"),b.setcenter=X,b.scrolltocenter=qa,b.stopscrolling=ra,b.scrollby=S,1==P(b.csshardwareacceleration)&&(b.sprite.style[T.browser.css.transform+"Style"]="preserve-3d"),b.sprite.addEventListener("DOMMouseScroll",Z,!0),b.sprite.addEventListener("mousewheel",Z,!0),b.sprite.addEventListener("wheel",Z,!0),u(b.sprite,"down",ha,!0),u(b.sprite,"over",ka,!0),k.set("events["+b.name+"_scrollarea].keep",!0),k.set("events["+b.name+"_scrollarea].onresize",
pa))};var Q=0,R=0;this.onresize=function(a,c){if(!k)return!1;v=a;w=c;var b;B=!1;I();G();if(0==D)b=!1;else{b=r-v;var g=t-w,h=!1;e+=b*p;if(0>b){if(0>e||e>b)h=!0}else 0!=e&&(h=!0);e-=b*p;d+=g*q;if(0>g){if(0>d||d>g)h=!0}else 0!=d&&(h=!0);d-=g*q;h&&null==m&&(m=setInterval(L,1E3/60));b=h}0==b&&H(!0);return!1};this.unloadplugin=function(){k&&b&&(k.set("events["+b.name+"_scrollarea].name",null),null!=m&&(clearInterval(m),m=null),u(b.sprite,"down",ha,!0,!0),u(b.sprite,"over",ka,!0,!0));k=b=null}};
plugins/soundinterface.js 0 → 100644
/*
krpano 1.19-pr10 Sound Interface Plugin (build 2017-05-10)
http://krpano.com/plugins/soundinterface/
*/
"[[KENCPUZR$[@SJD0Vc*(mT@/#rpp]9QmfX8;W(T,8@`D=crK#7'eYlP1&G3T`%[(<]V#iZJgm%gbi0NFu@(h>mpT>*b@h^:e,TH_nXw1&KHGjD>]b1HCIrAfHr+%<8=?XH%a&uiP?u*tP4$w8)4jt7PT.w3>K_@gDle'9E$b*^;;P&N9ojE,*=HCR6Dw%upobgt]P-Z:xE]KfR]CE4nYF_fUcRQ3J0u^1H]FRgBldX3Y6e'oJwNd8mkbP#]1YhT'*=e>JN7KS0`[-Gsq/Cg5SIh8w2XY$eJbq;dTjJ9[@vPS)&>]Tbk'WmrmfuhT6Ix[xI.4n*.U,@o>FCSxk8v.XS>wSs7Rsp@-(c$aq2,Td/fQ[:X3[f%S'?&XvfRCRs=)Xk?#KsYI1eGB:S9o22E=6:,=2%K6$U7M0k=T'>)iWU-t2^Pnv#HAf$2Mr<89XJkpjC-68:mT?hx)kh+j7$%?.m=LnGO$gL`J>]P,o5&F[iXoQ5f533f]9rAE3bm4K1LTC*dEWDEiQu'Ek(JtG>je)q8J_6?C*uT6D^P3KOK**p14dXf30Dq:b`<Whk9x,R>9D-rf@;JR.u]]$n1(_iO20)IYrS(rk,h3t:]?gVn'nqF81UhLeLwk^isfAE6xkq87PoaiJ.;G_;X$rJC^g-hD+:tx>_cl=^0JbwfKMg#;USg/f%CYm^f#jSCUgfF5A91SK%V&R3>).m4KtwSn)?.2Pn7fp]iXAqM`DY_U/^Y+o@M3+OI5J3b]G(-mBOXx)4YflC5t;I0./NN46+MH>=DfUT48`th^n-OCtb]]Qk<rA2C*YguNW=qrHGxlPGr01(x(+86*;NaEt$^GMQEj.DCwCZA+WlmdrjZWlR:OP1Z5YlNIVZ^630e(lK4H]f(eh1qhvVH,]plt..?Cr_5[oR(dq0vQ@t&xj65,B8pJPRQ=o(&@&5E,i9H?E.qr3BEeLk0-SlcH.Z@$Cgb]b5C&F[GVhdY9q@gF;E=jqtnmrf:nV_6+of1TX?>xZRDdvb#l.EI&)&]b`MdF#eHK=Fj#6bV+#Sp_Gd0D;mMewLc8OwHjN*MK$>j7vZrAa/%^:^SSJl6TglJXRIq.K_K0fI1:$:uhJ:NEQbXg.Jxj^_tP'#L'^h]MgS97J5Ph2*xRgTT)x/^kD%%PjXf$=+3'p8/D4K7UbdlD-e$?B.]_=-cZ-T+xBV&^dqTBOgiP+BeiALu]MWR%i(C].(:;@-ObWXR^Yv7)qM:</G01=j>Li&@i5EVLp4atP9_A@;=i>UgQG`T&%I@_^`8&gC<2l4C`/J5hSZ^SLog,)t'$ig'AS5UdNaRV(9`g9=ZEf(1et2/4?]C0uQS#Rj<nq@4$>_V,nl)()dA`+i#3EnR[JOQG9&eN=#qKs<E*COSw,jGI`vE$=G[iXf7anb#VON[B3n;J[jYfglfF5X4q7MCY8<e^LVH)SqJ>a=BnR#sg+tb,HrYr6H-E2bS1sV5w/?uR?wV&%TRc:8j/Y^&empl/2K>i:Gw<ASp$)_C&35^<#/2-qfG?vmOQSRapHu^:2'0l?1CtYMYUF>E?c/5q+Wg50bw&9?*D)TU)K`7H^t/;N#+?3BAZI0M,s;WF`iB-Q<&)@1Am]S;^-0PY`pON/PqN,q2iY6V'FaICajK&efVRYdk*KKT&<u9%e&K0M;n1W;K`cY2D]b=o_elhuQQHD/Y=,/)xGlmjSAkcgDvEt)e6W(=_s<g92coafOL(&aMl6BYStibAZ&612fU4U;oU@Z99jss6c-p8ItGA_&:Z8HmXSu4^x_VoJPDV8,77JgZg'h(9>Q%aT<(iuGG+[A*q%D7W_K7TV(kJZg-RI9NxSIL$t#X)huFbW4D@O2Qf6TgtB3Z#T/K+;H^S<kg--m0_'rbtom,,sl;v:ZqI)19:(_eN0vtNn^[I?aHDMLOph_AxeY.6',#CR`Zru?n'1-]Z4B7YK.:qx4oIl)q>3)MqCSf]pp_jr5H4&9eTAeQnYQD02$],mfXpKNn5^`x1R(LYLDi[1c=^<PN%_]D*pj:3D6`/t:),`Y6422<ZZw;l'PGSRUM$%1e3E7Fa`j&o9KimtD=p6Z2L#qv:J)iGmE#$/iQ>D8;3rsDF`V)T,1)V9:JE:raW(>mI;e7:MPT3].Od9<oGw>wF/Y2`E?pWSRM.qjCqwsop`o3>^lZFe2SB#W`*;ori3wXAfl=%m,6swPnDlT,JUiVfQk=e3VWZ:R^VNP-C0m*j@@bsT52XDUv+5us8A,F:R<@0o#>>Foo=^o8I(j6QLLd<2Sp;a;1FMq?+Ce,lv;NK*8R]w]Lk&R_OdUaD6&;rmcHDjx(s&aOcdQUg$IcFOR6mgQ`=ljdG1cN?M?afG[36<j<%VNdUW^:p.n<b^X3=7;2E<m;7.J$YB5of;,i*R>K3F=2gY<ll>BZY+L#^Mh8S3sb@W#F_/6K@x>jlZ%>I4O$$`e9[m=BFdTB=_<H/76Kb?v<M,E:D*7*+e:Pe@ieGk]jYuY=0*9_vS_8R?1YRFG%v/dV,s@O].]bi<V;7%V*2_=B)v;7A6gCP`R*D,.ZK+g7f;P4Z]:M*aY)5lBTvH>1njrh:U#EPwl;4:(kk4/%4'3a,1]pp_]^(ld':vH;QITW/FZxC'1J@r`s^`%3qw$ZwU@AD=VVr`vsT:-aou39]MidkKdi/gQRj5F6U<aAtp<2B(hhf+=n58Zr>H7),x$ng;-LV>>#v0:,^axTYj=C3_b@IixK+%9TF6VD^]t>@Ata.WuY0jKhZJUrt>r^J:/pYMvkdS(+,`24RJov%w[[_]'O,B)#&c$bAw$`LalcStnu]'K%1Wc3VdQ%GRxcR;LMwcbh>&3jRHMQA-:8aiPkvnaK;.W?opZ]S8vVWV.Xl^]&(4tr3^v)#Cce]gALZBIeqhJGw-.5YhK+N]6a;R[Z`F/[1+90NcU0=FGY(AQrtOVK2v`%mEiuP]]";
plugins/videoplayer.js 0 → 100644
/*
krpano 1.19-pr10 Videoplayer Plugin (build 2017-05-10)
http://krpano.com/plugins/videoplayer/
*/
"[[KENCPUZR0mRS%7^j<rZVqd7A?H@58(M.iOo;F`S>/PefbSp9kr,.-.2=gBqJ*@Ld<N+$q-n;52pDCJr;PdT&BS*5OD-#,v1:E]*Mv1_O]F-J4)nP6K]^QV%I%amLdLnE>4N*BO7R&FoU2FBDC+qY^7a>+5kN)91<9>RsT7PnFsNUGnQME[[0XB`kuXv[FCqOJ/m:BH+[x(Ts)DX%*^9-1:;]<t*r=MX%:S/@/YD;%-nK54k8rw/c$4^PX-FQYmtf_NUQAndaYp$HJew;PA$,J`,WjI5kv3[Bb,oMt/4Y@'NSo_2CTIb^475E1a#MH/,G4+:Ef^C`('84<K<@E?0ok-*Hqx8^JCx[LB--PBS&:;k+:`bK8DW?)TsT)=(/F9bamj)/iWJmd6q2+Trji.$pMnaIJ0M*T<D[,7Wc`_&d@GLe_W2BqlL#^0tP8pa3TG8-j(DgR/'n'(8a`o/7D@%?b%ZuD.#fi4dBq_kmI(&:plpj::*qX:^7^:_N3b:kSA)Q3d8R@PK>-`v95WafCxG:Bb5xxjW#f,d$CT@M0e$#)Q.5%VeGbICgqTOLOFLBotooM`g3ZK0#rX45J(V8hh5<7Uc-Xj5V>J4ostjxUN3ejsJD9cG3e;-C&G5Z)R:(a5?Wxugq2Hg8BY;[&oRu,[5'WtJg-T&R7pDfwk/X)(i/R=Mf<8_G8FKcUHGSx87c^wro>WqlT)gNhPMmYeD3mxTqhOFQ:LOviN02753pii.kfwAlFo5B*aHd^S:DbC*u%&L&v&cs;_B<HwfOY:jn#$5AA4$M6`1baaKc2rGr?.`HHA-,.hYx2Z<Vv62'WEw`;sUZpcJOlZco=]h?S(sdUVv]-eMIqQPs'r*24eOE6%:k&S7Vfp%Cn=aMn`A_Vufav:l?UfUl0Hl#dwb^c`]A`A6vS:,H&-D1^._,j).isS'^e#:BHG4AMVWTR#-oT:=A4YH[`V6rf/&JVv7`nb#Ft(VU-t%^>Qs4k?s/*-`cgp?D91TXM='dW+IpSoWmgVd4O][-kiLX..8:/=17N>55iGSDH[Vw9uv;lp66UapJUAPDBOLxMmpO[mOG<g5-qD4)1Y,`_9=5t:^lXG)n9HgDSa9?IDseIdvS6JAwvD:,7Vf9t32&RRX0>.:O]jJrUf?4Pw7qF&64Eq0[c=/=IAZ.E/Ks_ZdkvC<F,<OCD058cP++2tktI/'X9H6q^,YnI%(e`5=g/FKu:V+uFw(=eCORcO4eAR.vFR,DN._Sm,#/r;Q[bT5A>vo'S#mV$h.'>3W4W[%<Sj6^KMT[;<m02a<Mer%Cl2e9T%BHv5<:o`[TChe.e^CpFGn9HEDTO8JjW.pOn`J/uQ]GNheCb,E8t0SwW*4f+Hd(M.WCj=Hb^*Y:HV3R5A/ZldweS@/Lqo_8pgqICn9ZJmm**u)(e#kVP1$2@8=OU+?Do<<o1G;6eTN^+38l)GS/T41,glbd2h)JEE2*itWa-*+i)t&P9g7#W=tonU8f&S&IU1hnnS_Q3%5G(ZH%-89/IZUidAv0,<5SnD%'<a3kDaFav,p#RJoI*avvR`GYV2%ImPoIPt3)EfZ.8WJk*&Y'Jcsg(Zsbta9;@=)&XWto:1.`tniO1.]pgUIZ]#BHw(8&KKJ4.t1<KTki=-?;Y7cKX/^:G<)m$V07x*AB*l^Eum3p.A/nI*jEN?f#/gDox0g($A0WIsw(FYJrSw(+@hwY*:+(?)X19d^),_08p*]Y]k7^(-/DFx-b8`#>4Eqa;ddt;MTOF=@n,3C)IE[inD3a5'R*@WPNpfo5-()5Y1KISiBp3iZ0n@(;iOcYB(8q1%,?VUnx#RuJJB7Dc7Q1;VX^;9d+[[?40]iH>YM;C/8n[>HM[d?L.n?NAJAI<-:?63ZRj>Rn=aidlUwFwae5:@kLP.f_]3(-L]tYa#q`N4m5]O'YGPFYRqgrRbiX'$uiI%tBOX;?1N&*g)i&DuGBwli(kW8*QYAoOoYP^6*LvAUJ8Lu1BJ6%_O^_MS;eCj/5&JMh/U)Lj*2PE)].Ki*Px9hG'x(A;APRU&[JWH63;Fnk*v,fkHCo)ZFRngXsW9Iq:PS#B6ko67JJQww;.fAEoORu2d>Ghp=OV[HJs-#;Ndt.Yuvq?Bq36LXl+vA.12+tD=L%C2Zrn_:B.?avliUt4:]c,X;<[e)^biJX5,-SQPJVJj#iv(dM/PT,P6&mT'p:dq.5t*6NQ-BfaQxAi?%X+;5C=u9?ucV_s&PCB=x?cB`xH>139%x'WhpLv9_S&=LY'D+eu$E[jDC8c`S0dV9%9oAbX6O.4PJGqC.&26,c&>WhHwV1(@qFdY=Kx_1_nAiqhp7BF;d[[-+<s10d9..B;t.dC0;NMP+=oAIs,n3m05L+VU+m)&n8c@:to6KZo.WGi:CKsU?4?%+C6IOGA1ds?;2$OhdvqSOaN4&nKN4o.HRi8F.`rUMY`P[dv)QU-;;#$,a?v?,@f7cWX+M:0KU9]KcS_v.H6TaI-Tp:c'dl>JR6MLGxws9u`nXa'lswY_@:Yn?EniWDbf%htepl%r/wYc:u4Lu=^m#;?]4_:1TN+6MTUES.GGuBHn?)cNL6'2$HLL%ageOmP[d.'aqj[::'B=Og3<K+WlYLYevkGhY2`hxFs60b1%Ncak7wH??e[@kIaC.)5c>qbVjqYiJ@&E@CmW?^@:Y+<29e5$ROhxKEj19f3Y1L7tqLs&L4i,,9_@iUm8fV_sD4tUt=T=9A1loe3/_g>BN<GkaYS9>4`Je=Cvqp/,_-)f2Z87V`kD%m&&9SmfJFXs37kghc*+8e]]Ni4Aq&Yo,II'.9fOvSjn,Y]'Aiu-/&LEZ.%Jg'71?`frCme`F)?n(PxZjX%OrUJ+<N;2B6v8fIn?jm1YVCUNIE>`?%]V=_x#<]p>P_E^mW,fR76VdH]2qLYm;:_BB<X#:0^EOCV)PXlg7&M</Y<GF$TDpYGb?-YmNpjepn2po7AMF;es-h)0xu:IhSqUr^:#D[4c<D(ihUMZ(ux1)f`<>^w[PC7pM2j?n7vtf>IAW4LO&QBxKC*[x5^Ml9l.P+ON,U:6GkxhlVNiUbS:Oqvkn.J?:V+q@]=xZ);n/0QHcATt%4a/wTrpAsoE,J=uc8IF9tI48MYn.PQ1b[hUVSWdU;nK7fOA&<>DoMAE&UtGoV9f+RH('HY([3J<,gKtS$@]%4Ax9f/@f5aV(OME0m2T*H15J9b?OifLp%sHaVwY@E?0=[#kpgVfmf[+kw.-oCX6q4ek@bdtU-rZ.6d]RmopL/R6(HT*AFK3B_ZbX_I='3IPbQS<qeg5w_6R.@5^PI(X*,RXfD-B_b0MBa=+pDFcu$e-T;^?rLmSAjYZgjR5P5_H?LP;qi1#W^BnJ1l`;J<$4ZFbD1NSolwdI%&ji2Y]GMF@A@2m34b8I<`nn7/v(5^gZWs&Y:XSFeqr&NV,>1A:sD#L+JQFIwP@cG*%,Km:Z*3:/3_FWD+o$Y)9F+gkLJ+#+k]5KUb18QKOnem+go.qVw;Bc6o+nc=A+kZ%0B(fjI(O<Q7E)j_Jo)`^9+SDq+@w>/&@+O=u-h/j&7gEDv$F7Qsn:Ui00ajbPLb;1nK/.THI1poN1*paC__4A5MHY,GjRE+S*S2gA@?+r2iuW7.#gm>iai_RsgG(QaCG:U?_[ms:c:8*#6c&(]M94O&ZRtg[/>DV&CA_dihol@bIdS27k)sVhM%>/CBIK&Rve,_FO-%ZMsd@CJ8:NcgW7_&enghS2iIP=EcSsm[A)Vxax=QhVFH;jsAnC.'Vd4PAcFtxR>@ae[9>7LLsd6S,_Qu[Bf3<63lv3.VkU=Rti=DeQX)HbwRo,QNLtr,1[aEEW)M*QoG>.S]n=GkxaQa>$m.Ulf7MAcOLJ&riRGFC%SXWZbSXs22*4p/qjBkTurssGBX+C5r:9e6=OW@Vn=e(0*v$ZNw5j#D7(-<4/5*8-;IJmE:*GunTM3hX;+I==r4gR#3:2^%PX76/'f:*&#+'<(ENmu%_bv<9n?H##t]SF?_Yh<&+*ILmMR<BOa$s'#du*=#GbuggQv-AgQ6,Vl+k)LNH4li'<(hqo2/w78Eoh5O_+G./l_W>G.NF`S3UTW?(wQ7l,KwqU;[uI/cSbh_E?'2H&dH0)b'FZ7n_4Z8xeN-UPQiAn^/Xo-8?@9_l'sWjf0'E[YLrV#Xx5A'+7EfVFx2TTtguT8xNIsQ3wPK?>&?IDf/.>;=Kj`c@2u$,EM>Pm`9CIDN>hn<r`8Q-M?>ah)N[]O0=:7::k$V.wWNDM1Hbev<hTHSs?:CouZ@VHQ;%laH8NE<9lutv1TBgQjxvp3@)LAZ)W^k2R,KtjT8iYt;Q.D1)LHXK/su_s3/qF-m3KZH#L'=D1;TZ2D;-_+GkVg#Sgj$t[rP[1<GM.V0c4WwTaDj9tZG4&7Pg#^L<oYgLpa99pv)_hJgMD$N4q?[P;F9Id8VAj%(m&]fUCMZXOuX18iwFxpvCGR%TAGw1d^?>g7cr7#c-CU^6'e?:rn6VO-)cn4-[0T?U.slBkRRm>u,3<td5qTPmK]B<:1(e5iXKwGPKF`DiR?[XTk+?gs?jxV+W`E.I6c>-0)RIp/-uNrt@l8n%5b%<ouLLIdQ9,e[J*-Z/Nv-_kbSBtL?e3IMd*c.?W6KE.GN@Q51m@8P#5fZx?:l:bgPiLKL>>IAjnovAVuRl`Ys>58`l[#,uP4q2K8x?4w^69t@Tfexh?:)%sE2ZLnS1wZhQI'p+Q/wb8&X&ONk/.(O'7n<[@W:^FZ&CmX+AtQrit8RChK0Vi><^Bi)0dT2^@.kj+AG?W^3=a&-3fDarTA?db]2Buh)RKRnBumTQtZ9r+E+^Z$BH<>'pYGF])DLe(nVMigx/X>$Te&dgtDg.5:,`FM'-k8BAX6Y8PXaAOW491ftd'073GgUu7YQG1[5up]StUMhr$DF1Mb935lSkGh7-2DFqU:K9f_lM#_>w_ll/-`=vV]1XlXl]D5fflM([86tsomr8E:/pZwYD4gOZ(=8Xg4`[.$QOHqcHpQ)ANX6V8'CpLfhPS=?jTrVC#Xj?D3'qV]AnCLQg2`P=S'rd.q)9'l;D:8m%E<P7,CLplDTi,r6O[@gY;FS%*x5oI<@//7&<9=_a;>>%-CQ5LqGo00'O<IWi'nE0;$n4swMm^:pfb--Hk1$sc,o3,k84C:4q>e[Za'qODl+/qN#Gq(ks]eg:P.aMH-CJN)Gd/Bs^7<Rjg>Rm)-/ZIR5CKAw@IJeNN?XO)vih%r=J).<(cPb@Su<-OxAL6E]5v_X(#rLv'a#;rPgdEK2#'M9]^i7cs93(_=qdAS[^Ar+6Ra$K=:8oH^0VfRZK[/WR$J+OhH]m;+$-B#0*df%OVA`,50b:S/$`MQ3t1Fo(E$.owXe:q#>$M=2p$bGSWIZB&*.^qX#x/&Fo1kwZ)bp.'`KoI&3<@rUe<N72?*IM*f3m;4v8-<334vTS_=_Xd,Agq#*Du>6EE5jnSO0psTM?mufGH)x`@gO6df9xi-WSl%e(ikpD1.O?1CE=(FMK[?Sc4*)X$`i6<c8(K^:g0'Qnl2@odlutA>n_(a0g8l,GP_U:>Rw;p&PgR=n-6iFu'ZQO$MRuG'XS`N&moU%%]j(N7w6WF[.Ju1]36C:.F%CG^Mx,6=Xd?sRU0Hq?n(@ONI''HfB@g4`)V#dOjlAhKK)Pdw8;as8s<tnpancGa)<b3^@ui^lF$?d]NqpUt;fCD74]n6^#[b)TlJUZYM9^sMaN=G@__f=?P=FI#VPX`[R_ir9G9O/-sPC0$X*1Ifh]+3iAWwi9`.%WQ7:J]M5vLR'N6_CX=)<hE]N<25^>IdvOFZ<>DLObLX5up>Vi^h6[)^^1><JSsxoUf(+U]hpqHB6Sv#e6puvW[e<v78+SPP/`A?V@=Go:ec?eEJ>u1(.NE48Q1:Yfe;nm5]3Tku@d-`*06rG_##b;%>AHqQ1YDmBIN#c#m%UD#jlcJHeJT?'*BYllFMETQU.4jQN-JAx3/t,spPTlvYFX621Zvm]2#_FjnYiZq9hY;xS.Vcn-MN1v%6Z[vI:D@j7%oWDPWH0:IirBEeEuI`CE5/4')/5a,GiILtTs-<:_3c&RO&Fj)Bsifh_S0r9>_aSp%e*$JwY4@Z=[0k6<indDhck3&n-G&Rh-5:dblJ7ow8)R/2d:NX/5`S`FT$UC8ims=xhsV1g:cg+n%tOZZJfjV*g)Z#S1]'DB&U(VFl_TeOQb1n`QsGYgN=<*lX(m;Iag_H9)3w-=GCt%=S&q<I*J6*7<bjpgeo+qo>,5a>`??[Q&<m6kwKgrjWC@XF$o-Aqt'UFB3&b0-u(L26IP0ViT7t>OC;*JC/XZ;9<>(v+#If'M^_>aoe/X30Y0n5E,,a`2n9d`2'3qv/6M.<,xL?4(Og&RFv_V6P'@lp$+MqSSrsOIEpYjsk#c88ia%Dp?1sO,ciN3esxCS&.#N1cc02h.X`sne^Q<M7b:hLnLP%>*I6lOpk6qoN+S4fQ*jN;/Ob3k:a0*CV&+jBIHmA0D&?S/[]<%6uu.=O9`*_94,GnNm&9R]0plSoq(oYo:2xbm]W>8I#Bc=iIOC2qtM,bhNv06j8oL]so.rC7XeF1x#tZV7?9)5T,#JrFe>FQj^?`eB4=;TrNkMUG<W(ZC(frgafpio:n%X*8oVm9h#`,.]GSk7PWMmYPRWhI+0g8Mqq[D.sCUR:q:meBVp%`fZQ>1=_mq]Mt8Ppaj]AktmC:swBHd1[40Oh=f_5r.qNT53Y?LO75CuE^Il)=lN<I<)$t?)nbQN+vb.])3hkxu.BnF22xRpU9O&uXQc_%1.F6]=e:oc2u/,7*B&0XuJ4PI@]p>3,?l:DJ&h)HA=r@fY;I>Vu-'?lHQrLOEBl%Fx*qnw5D;jnRKT'/_+'`o$F>Vlo6wTg)@w55oqjdS-60k8`fj.K8,U9M]'o/Oo9R2qGJGOt^0-Pd@/wtKt@D'DZ+LZ$l,wDDc4f;h8ot15?mXpeg#1-eE5AE<Ck*C6B`TqdZX<a#NK%Ke,d<14_o/*_?E+?fvTth:4Ht,m4w^:P^6uV&[slrq[LTUt0LK[W86wHpU<<7p=XDHOAfT#o+jnfqc*?>$Jf_,N)&FM=[^5,fB&h?8:L3NR-qm_-J'n&hT/4cj-e8onroITk8Eo36<k9[,0LIP($E^lwuN*`1g8H*ucA(k?+`af%$8-fAggr1+3uK1:8F$;:>fG+<;AvW(rS5<o?qZklEi?&HJDF5UXV`?KKb>D^m9)0:W]sq9WuG7D6P.Pp5vYOUp/5I$nP[JQBaGGZp4S3N^@qVa+dB['E3x:qpTF75>n?hi(c`0k+l_3DN#inmYD?6Vc&:J0^sE-Vfq:4DA$FoECkjTM]8<Q&EcQG,-B,mAJas;K?;`N*nw[52mn7j7aS>:l/:xCdk-QlJ$V%@xe<p>$(CiLTPJR(o0CKgeGE-++(rO3[;q/.=#xlPu50S7`U<8,%c6+^s:Fu,;`*k_8Ji(:q=:JF-^xo-75?I,+7+niibVXLn'Qc-ex8AR17i:f*PgUcI,Gk/pjfltLnf:7hXH3Rx8lhmuJjg$IwPA.rk0%<PcnosWwiW6$t+$W+,'4Fn(AkOI8uPD8Ppl]>2Nf0&k',L5wo)[n-m9Q)*O=e8XSGDXf^N?Bu1X?N8IF.jVL;arG34jOlbMK#K@OI$M1J2cT%^uOf^j8wsor$5o]9o2/5&`XR<-m$uq@fhCc,FN+OgJ2pZ*H^rS7:+94,SY1$hKM/NfioD64(0e0$5%@2if%&*%jJnGo$qQoF,DETviTWnq`)v,U^;-7_uLpllhDCs8pFQKRgiSQ8/*0pZr#SGp_]bL+Z@?G0X.U%=5Ko:>];k`Zv3hn`2(S.+%v4UnI`%v'sETa?)7eBUA^0pd_7KA<:'+q[ZRUj#0ROFE+7X(8FN__t_5AEG5:D9mAq0SZJnp;S@guq-.cs?H0jxMnQ`s8D+JS^E_8qW6MbZeRXP%C,@kIl4dK1]#:`'^I#0l9X@jA7BCnM'xJniXn?NpO@PGT&a9/u-)cKgML*/Gq^TcvT_OXR((>Uj570MwJS5ax1WDaRa$K(IqJj2w_`-Xnf@RRF=xl+$LI4u,x5/klWZ/g'+,1L1pI+htQt`j'*?'W>?hheRB.WX?^&d3Qc?G'@a-dXb/A7N[3gZaP^G@Tw+L?q_1g6p`<)PR?[ek:6-5Y/eX=R,-,hVYcDNOau,8m=RTZKHDq0aRj>K]bbKaH0$6c*#YkdER*I2`]B_5E.i:uD*1KrB''niObP4rVm[8S<gMhj@ib>oFOT5i@$tucV(X0XdCs?d2r`t3teYB2ut5#_;fpgO;(aoLSW;tX2.bGPU`tJCDjl@H%>?*xRamsrOpWtVW-F)iOs(?%0Q7CiE5-8c3qv.lBa/5O<C&f9k)K1bX90ROkv[rX=Q[tQ9kn#7ikng/)ql/r`RluHL*B38Zma5FKt*e&A`r6sJ6^;=MqBg]=sZVbs&o[oiY@4utaw//4o8QN=b<4pc>jpNQ<Yj4_X6kqm`0`bMqOs.h2d313>R;G.mP%>lW<ja_1MR[K's++g7emKrs2hmHdHST+/J=8Vl$OroJwg8puw@^gr+b@A5ZU2k=H;B%i<@=&U8RW6K_+VsVonTdCFs=]]";
show.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>度假到丹寨</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style>
*{
margin: 0;
padding: 0;
border:none;
}
.page-wrap{
position: absolute;
width: 100%;
height: 100%;
background-image: url("/images/show/fupin.png");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.nav-list{
margin-top: 20px;
width: 100%;
white-space: nowrap;
height: 102px;
overflow-y: hidden;
overflow-x: scroll;
}
.nav-item{
display: inline-block;
width: 57px;
height: 102px;
margin-left: 22px;
}
.nav-item.active{
background: rgba(23, 40, 63, 0.3);
}
.nav-item__iconbox{
margin: 4px 1px 6px;
width: 55px;
height: 55px;
border-radius: 50px;
overflow: hidden;
background: rgba(255,255,255,.2);
position: relative;
}
.nav-item__icon{
position: absolute;
left: 50%;
top: 50%;
vertical-align: top;
transform: translate(-50%,-50%);
width: 50px;
height: 50px;
border-radius: 50px;
overflow: hidden;
}
.nav-item__mtitle{
text-align: center;
font-size: 14px;
color: #fff;
}
</style>
<script src="/libs/vue/vue.js"></script>
</head>
<body>
<div class="page-wrap" id="app">
<div class="nav-list">
<div class="nav-item" v-for="(item,idx) in navs" :key="idx" :class="{active:idx===activeIdx}" @click="setActive(item,idx)">
<div class="nav-item__iconbox">
<img :src="item.icon" class="nav-item__icon" />
</div>
<div class="nav-item__mtitle" v-html="item.mtitle"></div>
</div>
</div>
</div>
<script>
var vueInstance = new Vue({
el:'#app',
data(){
return {
activeIdx:0,
navs:[
{mtitle:'高要<br\/>梯田',icon:'/images/show/nav-item-1.png',title:'高要梯田',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'扶贫茶园是在丹寨县委县政府的支持下，由丹寨万达小镇推出的新型扶贫公益项目，通过扶贫茶园认领的方式打造丹寨高品质茶叶品牌“丹红”“丹绿”，整合丹寨茶产业链、打造丹寨茶产业平台。游客来这里可采茶、制茶、吃茶餐、做研学。'},
{mtitle:'排廷<br\/>瀑布',icon:'/images/show/nav-item-1.png',title:'排廷瀑布',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'排廷瀑布'},
{mtitle:'石桥村<br\/>&nbsp;',icon:'/images/show/nav-item-1.png',title:'石桥村',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'石桥村'},
{mtitle:'金汞矿<br\/>遗址',icon:'/images/show/nav-item-1.png',title:'金汞矿遗址',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'金汞矿遗址'},
{mtitle:'扶贫<br/>茶园',icon:'/images/show/nav-item-1.png',title:'扶贫茶园',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'扶贫茶园'},
{mtitle:'高要<br\/>梯田',icon:'/images/show/nav-item-1.png',title:'高要梯田',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'扶贫茶园是在丹寨县委县政府的支持下，由丹寨万达小镇推出的新型扶贫公益项目，通过扶贫茶园认领的方式打造丹寨高品质茶叶品牌“丹红”“丹绿”，整合丹寨茶产业链、打造丹寨茶产业平台。游客来这里可采茶、制茶、吃茶餐、做研学。'},
{mtitle:'排廷<br\/>瀑布',icon:'/images/show/nav-item-1.png',title:'排廷瀑布',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'排廷瀑布'},
{mtitle:'石桥村<br\/>&nbsp; ',icon:'/images/show/nav-item-1.png',title:'石桥村',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'石桥村'},
{mtitle:'金汞矿<br\/>遗址',icon:'/images/show/nav-item-1.png',title:'金汞矿遗址',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'金汞矿遗址'},
{mtitle:'扶贫<br/>茶园',icon:'/images/show/nav-item-1.png',title:'扶贫茶园',thumb:'https://cdnly.itour.fun/bb/21c530a5e2677f8a0906c5f68f4fa4.png',content:'扶贫茶园'}
]
}
},
methods:{
setActive(item,idx){
this.activeIdx = idx
}
}
})
</script>
</body>
</html>
skin/defaultskin.xml deleted 100644 → 0
<krpano>
<!-- krpano 1.19 default buttons skin -->
<!-- set the default mouse and touch control modes (drag or moveto) -->
<control mouse="drag" touch="drag" />
<!-- default autorotate settings (disabled by default) -->
<autorotate enabled="false" waittime="1.0" accel="2.0" speed="8.0" horizon="0.0" tofov="90.0" />
<!-- control buttons style -->
<style name="defaultskin_button" url="buttons-2.png" scale="0.5" align="lefttop" />
<!-- the container layer that contains the buttons -->
<!-- <layer name="defaultskin_buttons" type="container" width="360" height="40" align="bottom=" y="10" scalechildren="true" scale="1.0" keep="true">-->
<!-- <layer name="btn_in" x="0" style="defaultskin_button" crop="320|0|80|80" onovercrop="320|80|80|80" ondown="set(fov_moveforce,-1);" onup="set(fov_moveforce,0);" />-->
<!-- <layer name="btn_out" x="40" style="defaultskin_button" crop="400|0|80|80" onovercrop="400|80|80|80" ondown="set(fov_moveforce,+1);" onup="set(fov_moveforce,0);" />-->
<!-- <layer name="btn_left" x="80" style="defaultskin_button" crop= "0|0|80|80" onovercrop= "0|80|80|80" ondown="set(hlookat_moveforce,-1);" onup="set(hlookat_moveforce,0);" />-->
<!-- <layer name="btn_right" x="120" style="defaultskin_button" crop= "80|0|80|80" onovercrop= "80|80|80|80" ondown="set(hlookat_moveforce,+1);" onup="set(hlookat_moveforce,0);" />-->
<!-- <layer name="btn_up" x="160" style="defaultskin_button" crop="160|0|80|80" onovercrop="160|80|80|80" ondown="set(vlookat_moveforce,-1);" onup="set(vlookat_moveforce,0);" />-->
<!-- <layer name="btn_down" x="200" style="defaultskin_button" crop="240|0|80|80" onovercrop="240|80|80|80" ondown="set(vlookat_moveforce,+1);" onup="set(vlookat_moveforce,0);" />-->
<!-- <layer name="btn_ctrlmode" x="240" style="defaultskin_button" crop="800|0|80|80" onovercrop="800|80|80|80" onclick="switch(control.mouse,drag,moveto); switch(control.touch,drag,moveto); update_ctrl_mode();" />-->
<!-- <layer name="btn_autorot" x="280" style="defaultskin_button" crop="480|0|80|80" onovercrop="480|80|80|80" onclick="switch(autorotate.enabled);" />-->
<!-- <layer name="btn_fs" x="320" style="defaultskin_button" crop="560|0|80|80" onovercrop="560|80|80|80" onclick="switch(fullscreen);" visible="true" devices="fullscreensupport" />-->
<!-- </layer>-->
<!-- no fullscreen support => no fullscreen button => smaller container width -->
<layer name="defaultskin_buttons" width="320" devices="!fullscreensupport" />
<!-- scale the buttons 2x for mobile devices (when the mobilescale setting in the html file is below 1.0) -->
<layer name="defaultskin_buttons" scale="2.0" if="device.mobile AND stagescale LT 1.0" />
<!-- events for handling dynamic changes -->
<events name="defaultskin_buttons" keep="true"
onxmlcomplete="update_ctrl_mode(); update_fs_button();"
onresize="adjust_button_sizes();"
onenterfullscreen="update_fs_button();"
onexitfullscreen ="update_fs_button();"
/>
<!-- check if the buttons fit inside the window, and if not, make them smaller so that they will fit -->
<action name="adjust_button_sizes">
if(layer[defaultskin_buttons].pixelwidth GT stagewidth,
div(layer[defaultskin_buttons].scale, stagewidth, layer[defaultskin_buttons].width);
);
</action>
<!-- update the buttons and the cursors according to the current control mode setting -->
<action name="update_ctrl_mode">
if(control.mouse == drag,
<!-- set mouse cursor graphic -->
set(cursors.url, %SWFPATH%/skin/drag-cursors-2.png);
set(cursors.type, drag);
set(cursors.move, 0|0|32|32);
set(cursors.drag, 32|0|32|32);
<!-- set button graphic -->
set(layer[btn_ctrlmode].crop, 720|0|80|80);
set(layer[btn_ctrlmode].onovercrop, 720|80|80|80);
,
<!-- set mouse cursor graphic -->
set(cursors.url, %SWFPATH%/skin/qtvr-cursors.png);
set(cursors.type, 8way);
set(cursors.move, 0|0|16|16);
set(cursors.drag, 16|0|16|16);
set(cursors.arrow_u, 32|0|16|16);
set(cursors.arrow_d, 48|0|16|16);
set(cursors.arrow_l, 64|0|16|16);
set(cursors.arrow_r, 80|0|16|16);
set(cursors.arrow_lu, 96|0|16|16);
set(cursors.arrow_ru, 112|0|16|16);
set(cursors.arrow_rd, 128|0|16|16);
set(cursors.arrow_ld, 144|0|16|16);
<!-- set button graphic -->
set(layer[btn_ctrlmode].crop, 800|0|80|80);
set(layer[btn_ctrlmode].onovercrop, 800|80|80|80);
);
</action>
<!-- update the fullscreen button according to the current state -->
<action name="update_fs_button">
if(fullscreen,
set(layer[btn_fs].crop, 640|0|80|80);
set(layer[btn_fs].onovercrop, 640|80|80|80);
,
set(layer[btn_fs].crop, 560|0|80|80);
set(layer[btn_fs].onovercrop, 560|80|80|80);
);
</action>
<!--
inlined contextmenu.xml
- Change the control mode and the viewing projection via the right click contextmenu.
- The distorted view items will be only shown when Flash or WebGL are supported and when the
pano image itself is a full 360x180 pano.
-->
<contextmenu>
<item name="kr" caption="KRPANO" />
<item name="fs" caption="FULLSCREEN" />
<item name="cc" caption="Change Controlmode" onclick="cm_changecontrolmode();" separator="true" />
<item name="nv" caption="Normal View" onclick="cm_normal_view();" showif="view.vlookatrange == 180" separator="true" />
<item name="fv" caption="Fisheye View" onclick="cm_fisheye_view();" showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="sv" caption="Stereographic View" onclick="cm_stereographic_view();" showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="av" caption="Architectural View" onclick="cm_architectural_view();" showif="view.vlookatrange == 180" />
<item name="pv" caption="Pannini View" onclick="cm_pannini_view();" showif="view.vlookatrange == 180" devices="flash|webgl" />
<item name="lp" caption="Little Planet View" onclick="cm_littleplanet_view();" showif="view.vlookatrange == 180" devices="flash|webgl" />
</contextmenu>
<action name="cm_changecontrolmode">
switch(control.mouse, drag, moveto);
switch(control.touch, drag, moveto);
</action>
<action name="cm_look_straight">
if(view.vlookat LT -80 OR view.vlookat GT +80,
tween(view.vlookat, 0.0, 1.0, easeInOutSine);
tween(view.fov, 100, distance(150,0.8));
);
</action>
<action name="cm_normal_view">
cm_look_straight();
tween(view.architectural, 0.0, distance(1.0,0.5));
tween(view.pannini, 0.0, distance(1.0,0.5));
tween(view.fisheye, 0.0, distance(1.0,0.5));
</action>
<action name="cm_architectural_view">
cm_look_straight();
tween(view.architectural, 1.0, distance(1.0,0.5));
tween(view.pannini, 0.0, distance(1.0,0.5));
tween(view.fisheye, 0.0, distance(1.0,0.5));
</action>
<action name="cm_fisheye_view">
cm_look_straight();
tween(view.architectural, 0.0, distance(1.0,0.5));
tween(view.pannini, 0.0, distance(1.0,0.5));
tween(view.fisheye, 0.35, distance(1.0,0.5));
</action>
<action name="cm_stereographic_view">
cm_look_straight();
tween(view.architectural, 0.0, distance(1.0,0.5));
tween(view.pannini, 0.0, distance(1.0,0.5));
tween(view.fisheye, 1.0, distance(1.0,0.8));
</action>
<action name="cm_pannini_view">
cm_look_straight();
tween(view.architectural, 0.0, distance(1.0,0.5));
tween(view.pannini, 1.0, distance(1.0,0.8));
if(view.fisheye LT 0.1,
tween(view.fisheye, 1.0, distance(1.0,0.8));
);
</action>
<action name="cm_littleplanet_view">
tween(view.architectural, 0.0, distance(1.0,0.5));
tween(view.pannini, 0.0, distance(1.0,0.5));
tween(view.fisheye, 1.0, distance(1.0,0.8));
tween(view.fov, 150, distance(150,0.8));
tween(view.vlookat, 90, distance(100,0.8));
add(new_hlookat, view.hlookat, 123.0);
tween(view.hlookat, get(new_hlookat), distance(100,0.8));
</action>
</krpano>
skin/vtourskin_design_117.xml 0 → 100644
<krpano>
<!-- Version 1.17 Design -->
<skin_settings layout_width="100%"
layout_maxwidth=""
controlbar_width="100%"
controlbar_height.normal="40"
controlbar_height.mobile="38"
controlbar_offset.normal="20"
controlbar_offset.mobile="0"
controlbar_offset_closed="-2"
controlbar_overlap="0"
design_skin_images="vtourskin.png"
design_bgcolor="0x000000"
design_bgalpha="0.5"
design_bgborder="1,0 0xFFFFFF 1"
design_bgroundedge.no-ios="0"
design_bgroundedge.ios="1"
design_bgshadow="0 0 20 0x000000 1.0"
design_thumbborder_bgborder="4 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="3"
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
design_text_shadow="1"
/>
</krpano>
skin/vtourskin_design_117round.xml 0 → 100644
<krpano>
<!-- Version 1.17 Round Design -->
<skin_settings layout_width="100%"
layout_maxwidth.normal="900"
layout_maxwidth.mobile=""
controlbar_width.normal="-44"
controlbar_width.mobile="100%"
controlbar_height.normal="38"
controlbar_height.mobile="34"
controlbar_offset.normal="22"
controlbar_offset.mobile="0"
controlbar_offset_closed="-40"
controlbar_overlap.normal="7"
controlbar_overlap.mobile="2"
design_skin_images="vtourskin.png"
design_bgcolor="0x000000"
design_bgalpha="0.5"
design_bgborder="0 0xFFFFFF 1.0"
design_bgroundedge.normal="9"
design_bgroundedge.mobile="1"
design_bgshadow="0 0 9 0xFFFFFF 0.5"
design_thumbborder_bgborder="4 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="5"
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
design_text_shadow="1"
/>
</krpano>
skin/vtourskin_design_black.xml 0 → 100644
<krpano>
<!-- Flat Light Design -->
<!-- modify the <skin_settings> values -->
<skin_settings layout_width="100%"
layout_maxwidth="100%"
controlbar_width="100%"
controlbar_height="40"
controlbar_offset.normal="0"
controlbar_offset.mobile="0"
controlbar_offset_closed="-40"
controlbar_overlap.no-fractionalscaling="0"
controlbar_overlap.fractionalscaling="0"
design_skin_images="vtourskin.png"
design_bgcolor="0x000000"
design_bgalpha="1.0"
design_bgborder="0"
design_bgroundedge="0"
design_bgshadow="0 4 10 0xFFFFFF 0.3"
design_thumbborder_bgborder="3 0xB2B2B2 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial;"
design_text_shadow="0"
/>
<!-- adjust the design of some skin elements -->
<layer name="skin_layer">
<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
<layer name="skin_control_bar" alpha="0.7" />
</layer>
<!-- use a fullscreen map -->
<action name="skin_showmap">
if(%1 == null, if(layer[skin_map].state == 'closed', set(show,true), set(show,false)); , set(show,%1); );
mul(mh, layer[skin_scroll_layer].pixelheight, -1);
if(show,
tween(layer[skin_thumbs_container].alpha, 0.0, 0.25, default, set(layer[skin_thumbs_container].visible,false));
set(layer[skin_map].visible, true);
tween(layer[skin_map].alpha, 1.0, 0.25);
set(layer[skin_map].state, 'opened');
sub(hh,area.pixelheight,skin_settings.controlbar_offset);
sub(hh,layer[skin_control_bar].height);
sub(hh,0);
add(mh,hh);
sub(hh,skin_settings.controlbar_overlap);
copy(layer[skin_map].height, hh);
tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint);
,
if(layer[skin_map].state != 'closed',
set(layer[skin_map].state, 'closed');
add(mh, layer[skin_scroll_layer].y_offset);
tween(layer[skin_map].alpha, 0.0, 0.5, easeOutQuint);
tween(layer[skin_scroll_layer].y, get(mh), 0.5, easeOutQuint, set(layer[skin_map].visible,false) );
);
);
</action>
<!-- webvr button style (adjust to match skin style) -->
<style name="webvr_button_style"
border="false"
roundedge="calc:1.0"
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
/>
</krpano>
skin/vtourskin_design_flat_light.xml 0 → 100644
<krpano>
<!-- Flat Light Design -->
<!-- modify the <skin_settings> values -->
<skin_settings layout_width="100%"
layout_maxwidth="814"
controlbar_width="-24"
controlbar_height="40"
controlbar_offset.normal="20"
controlbar_offset.mobile="20"
controlbar_offset_closed="-40"
controlbar_overlap.no-fractionalscaling="10"
controlbar_overlap.fractionalscaling="0"
design_skin_images="vtourskin_light.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="2 0xFFFFFF 0.8"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
design_text_shadow="1"
/>
<!-- adjust the design of some skin elements -->
<layer name="skin_layer">
<layer name="skin_loadingtext" width="100%" css="calc:skin_settings.design_text_css + ' text-align:center; font-size:20px;'" padding="4 6" textshadow="calc:2.0" textshadowrange="1.0" textshadowangle="90" textshadowcolor="0x2D3E50" textshadowalpha="1.0" />
</layer>
<!-- webvr button style (adjust to match skin style) -->
<style name="webvr_button_style"
border="false"
roundedge="calc:1.0"
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
/>
</krpano>
skin/vtourskin_design_glass.xml 0 → 100644
<krpano>
<!-- Glass Design -->
<!-- modify the <skin_settings> values -->
<skin_settings thumbs_scrollindicator="true"
layout_width="100%"
layout_maxwidth="680"
xcontrolbar_width="-44"
controlbar_width="-20"
controlbar_height="36"
controlbar_offset.normal="40"
controlbar_offset.mobile="12"
controlbar_offset_closed="-40"
controlbar_overlap="10"
design_skin_images="vtourskin.png"
design_bgcolor="0xFFFFFF"
design_bgalpha="0.25"
design_bgborder="2 0xFFFFFF 0.1"
design_bgroundedge="13"
design_bgshadow="0"
design_thumbborder_bgborder="3 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="5"
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:bold;"
design_text_shadow="0"
/>
<!-- webvr button style (adjust to match default skin style) -->
<style name="webvr_button_style"
border="true" borderwidth="2" bordercolor="0xFFFFFF" borderalpha="0.25"
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
shadow="0"
css="calc:skin_settings.design_text_css + ' color:#FFFFFF; font-weight:normal; font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
/>
<!-- contextmenu style (adjust to match skin style) -->
<contextmenu customstyle="default|default|default|0x77AAAAAA|0xFFFFFF|0xBBBBBB|2|0x7FFFFFFF|13|0|0|0|0xFFFFFF|0|0|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xAAFFFFFF|0xAAFFFFFF|0xFFFFFF|12|8" />
</krpano>
skin/vtourskin_design_ultra_light.xml 0 → 100644
<krpano>
<!-- Ultra Light Design -->
<!-- modify the <skin_settings> values -->
<skin_settings title="false"
layout_width="100%"
layout_maxwidth="814"
controlbar_width="-24"
controlbar_height="40"
controlbar_offset.normal="30"
controlbar_offset.mobile="20"
controlbar_offset_closed="-40"
controlbar_overlap="0"
design_skin_images="vtourskin_light.png"
design_bgcolor="0x2D3E50"
design_bgalpha="0.0"
design_bgborder="0,0,1,0 0xFFFFFF 1"
design_bgroundedge="0"
design_bgshadow="0"
design_thumbborder_bgborder="1 0xFFFFFF 0.8"
design_thumbborder_padding="0"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial; font-weight:lighter;"
design_text_shadow="0"
/>
<!-- webvr button style (adjust to match skin style) -->
<style name="webvr_button_style"
border="false"
roundedge="calc:1.0"
backgroundcolor="get:skin_settings.design_bgcolor" backgroundalpha="get:skin_settings.design_bgalpha"
shadow="0.01" shadowrange="10.0" shadowangle="90.0" shadowcolor="0x30261B" shadowalpha="0.50"
css="calc:skin_settings.design_text_css + ' font-size:' + 20*webvr_setup_scale*webvr_button_scale + 'px;'"
/>
<!-- adjust video controls to match skin style -->
<layer name="skin_layer">
<layer name="skin_scroll_window">
<layer name="skin_scroll_layer">
<layer name="skin_video_controls">
<layer name="skin_video_seekbar_container">
<layer name="skin_video_seekbar" height="1" y="4">
<layer name="skin_video_loadbar" height="1" />
<layer name="skin_video_seekpos" bgroundedge="2" width="6" height="6" />
</layer>
</layer>
<layer name="skin_video_time" y="-4" />
</layer>
</layer>
</layer>
</layer>
<!-- contextmenu style (adjust to match skin style) -->
<contextmenu customstyle="default|default|default|0x7F000000|0xFFFFFF|0xBBBBBB|0|0x20FFFFFF|1|0|0|0|0xFFFFFF|0|0xFFFFFF|4|6|7|0xAAFFFFFF|none|3|0|0|0|3|0xFFFFFF|0xFFFFFF|0x000000|12|8" />
</krpano>
vr.html → tour.html
...@@ -15,14 +15,67 @@ ...@@ -15,14 +15,67 @@
</style> </style>
</head> </head>
<body> <body>
<script src="pano.js"></script>
<script src="tour.js"></script>
<div id="pano" style="width:100%;height:100%;"> <div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true,onready : krpano_onready_callback});
function krpano_onready_callback(krpano_interface)
{
krpano = krpano_interface;
setTimeout(()=>{
add_hotspot('完善的设施',128.862,4.478)
add_hotspot('宜人的气候','-144.129',-5)
},1000)
// setTimeout(()=>{
//
//
// },3000)
}
function add_hotspot(hs_name,ath,atv)
{
if (krpano) {
var h = ath//krpano.get("view.hlookat");
var v = atv//krpano.get("view.vlookat");
//var hs_name = //"hs" + ((Date.now() + Math.random()) | 0); // create unique/randome name
console.log(hs_name,h,v)
krpano.call("addhotspot(" + hs_name + ")");
krpano.set("hotspot["+hs_name+"].url", "/images/pano/diy_hotspot.png");
krpano.set("hotspot["+hs_name+"].ath", h);
krpano.set("hotspot["+hs_name+"].atv", v);
// krpano.set("hotspot["+hs_name+"].zorder", '42');
krpano.set("hotspot["+hs_name+"].distorted", true);
if ( krpano.get("device.html5") ) {
// for HTML5 it's possible to assign JS functions directly to krpano events
krpano.set("hotspot["+hs_name+"].onclick", function(hs) {
console.log('hotspot "' + hs + '" clicked');
if(hs==='完善的设施'){
location.href='/show.html'
}
if(hs==='宜人的气候'){
location.href='/show.html'
}
}.bind(null, hs_name));
}
else {
// for Flash the js() action need to be used to call from Flash to JS (this code would work for Flash and HTML5)
krpano.set("hotspot["+hs_name+"].onclick", "js( alert(calc('hotspot \"' + name + '\" clicked')) );");
}
}
}
window.func = function(){
console.log(3333333333)
}
</script>
</div> </div>
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"pano.swf", xml:"pano.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true});
</script>
</body> </body>
</html> </html>
pano.js → tour.js
This source diff could not be displayed because it is too large. You can view the blob instead.
tour.xml 0 → 100644
<krpano version="1.19" title="Virtual Tour">
<include url="skin/vtourskin.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"
gyro="true"
webvr="true"
webvr_gyro_keeplookingdirection="false"
webvr_prev_next_hotspots="true"
littleplanetintro="true"
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() );
</action>
<scene name="scene_vr" title="vr" onstart="" thumburl="panos/vr.tiles/thumb.jpg" lat="26.20434422" lng="107.80451219" 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/vr.tiles/preview.jpg" />
<image prealign="0|0.0|0">
<cube url="panos/vr.tiles/pano_%s.jpg" />
</image>
<layer name="mask"
type="container"
keep="true"
parent=""
visible="true"
enabled="true"
handcursor="true"
maskchildren="false"
scalechildren="false"
zorder="1"
style=""
align=""
edge=""
x=""
y=""
rotate="0.0"
width="100%"
height="100%"
scale="1.0"
alpha="1.0"
crop=""
onovercrop=""
ondowncrop=""
bgcolor="0x000000"
bgalpha="0.2"
bgborder="0"
bgroundedge="0"
bgshadow=""
bgcapture="false"
onover.addevent=""
onhover.addevent=""
onout.addevent=""
onclick.addevent=""
ondown.addevent=""
onup.addevent=""
onloaded.addevent=""
/>
<hotspot name="mytext"
type="text"
ath="-144.129" atv="-8" edge="center"
distorted="true"
renderer="webgl"
html="宜人的气候"
css="font-family:Arial; font-size:16px; color:#FFFFFF;"
vcenter="false"
padding="8"
zorder="3"
wordwrap="true"
bg="true"
bgcolor="0xFFFFFF"
bgalpha="0.2"
bgborder="0"
bgroundedge="6"
bgshadow=""
txtshadow=""
mergedalpha="true"
oversampling="1.0"
mipmapping="false"
onautosized=""
/>
<hotspot name="mytext2"
type="text"
ath="128.862" atv="0" edge="center"
distorted="true"
zorder="3"
renderer="webgl"
html="完善的设施"
css="font-family:Arial; font-size:16px; color:#FFFFFF;"
vcenter="false"
padding="8"
wordwrap="true"
bg="true"
bgcolor="0xFFFFFF"
bgalpha="0.2"
bgborder="0"
bgroundedge="6"
bgshadow=""
txtshadow=""
mergedalpha="true"
oversampling="1.0"
mipmapping="false"
onautosized=""
onclick="func()"
/>
</scene>
</krpano>
tour_editor.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>krpano - MAKE VTOUR - Virtual Tour Editor</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style>
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>
<script src="tour.js"></script>
<div id="title" style="width:100%; height:20px; padding:5px; font-size:16px;"><b>krpano - MAKE VTOUR - Virtual Tour Editor</b> <span style="font-size:10px; font-style:italic; color:#777777;">// 1. set the startup views / 2. add hotspots / 3. edit the titles / 4. save and overwrite the original tour.xml</span></div>
<div id="pano" style="width:100%; height:95%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
var vars = {};
vars["plugin[vtoureditor].url"] = "plugins/vtoureditor.swf";
vars["plugin[vtoureditor].keep"] = true;
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", flash:"only", passQueryParameters:false, vars:vars});
function resize()
{
var th = document.getElementById("title").clientHeight;
var ph = (typeof(window.innerHeight) == 'number') ? window.innerHeight : ((document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : ((document.body && document.body.clientHeight) ? document.body.clientHeight : 500));
document.getElementById("pano").style.height = (ph-th)+"px"
}
window.onresize = resize;
resize();
</script>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment