CINXE.COM
720°全景：现代德国bauma2019展示图
<!DOCTYPE html> <html> <head> <title>720°全景：现代德国bauma2019展示图</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="Keywords" content="全景,全景软件,全景拍摄,全景照片,三维全景"> <meta name="Description" content="720°全景：现代德国bauma2019展示图"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <style> @-ms-viewport { width:device-width; } @media only screen and (min-device-width:800px) { html { overflow:hidden; } } html { height:100%; } body, html { height:100%; overflow:hidden; margin:0; padding:0; font-family: Arial,PingFangSC-Regular,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; } .thumb-nav-box .group-scenes-container { position: relative; } .thumb-nav-box .group-scenes-container .left{position: absolute; top: 40%; left:0; z-index: 10;} .thumb-nav-box .group-scenes-container .right {position: absolute; top: 40%; right:0; z-index: 10;} .thumb-nav-box .group-scenes-container .left .triangle_border_left{display: inline-block; width:0; height:0; border-width:12px 15px 12px 0px; border-style:solid; border-color:transparent #888888 transparent transparent; position:relative; } .thumb-nav-box .group-scenes-container .right .triangle_border_right{ display: inline-block; width:0; height:0; border-width:12px 0 12px 15px; border-style:solid; border-color: transparent transparent transparent #888888; position:relative; } </style> </head> <body> <script src="images/jquery-1.7.2.min.js"></script> <link href="images/jszlqj_1.css" type="text/css" rel="stylesheet"> <script src="images/jszlqj_0.js"></script> <script src="images/fancybox/jquery.fancybox.js?v=2.1.3"></script> <link rel="stylesheet" type="text/css" href="images/fancybox/jquery.fancybox.css?v=2.1.2" media="screen" /> <script src="images/IKrpano.js"></script> <script> var iKrpano ; function krpano_onready_callback(krpano_interface) { iKrpano=new IKrpano(krpano_interface); } document.documentElement.style.fontSize = document.documentElement.clientWidth /10 +'px'; window.addEventListener('resize', function() { document.documentElement.style.fontSize = document.documentElement.clientWidth /10 +'px'; }); window.addEventListener('orientationchange', function(){ document.documentElement.style.fontSize = document.documentElement.clientWidth /10 +'px'; }); </script> <script src="pano.js"></script> <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:"pano.swf", xml:"pano.xml?r=946112", target:"pano", html5:"prefer",wmode:"transparent",initvars:{design:""}, passQueryParameters:true,onready:krpano_onready_callback}); </script> </div> <script src="images/common.js"></script> <link href="images/thumb-navi.css?r=330905" media="screen" type="text/css" rel="stylesheet" /> <link href="images/swiper.css" type="text/css" rel="stylesheet" /> <script src="images/swiper.min.js" type="text/javascript"></script> <div class="thumb-nav-box" id="thumb-nav-box"> <div class="group-scenes-container"> <div class="left"> <div class="triangle_border_left"></div> <div class="triangle_border_left"></div> </div> <div class="right"> <div class="triangle_border_right"></div> <div class="triangle_border_right"></div> </div> <ul class="swiper-wrapper group-scenes" style="padding-left:0;"> <li class="swiper-slide swiper-slide-active" group-id="0" style="background-image:url()" scene-name="其他"> <span class="li-title">其他</span> <i class="corner-icon"></i> </li> </ul> </div> <div class="sub-scenes-container"></div> </div> <script src="zjpano/js/pdialog.js"></script> <link rel="stylesheet" href="zjpano/css/style.css?r=21"> <div style="display:none;"> <div class="showPcontent" id="iframeshow"> <a id="iframeshow_close" class="close"></a> <div id="iframeshow_in" class="iframeshow_in"></div> </div> <div class="showPcontent" id="iframeaskp"> <a id="iframeaskp_close" class="close"></a> <div id="iframeaskp_in" class="iframeshow_in"></div> </div> </div> <script type="text/javascript"> var PShow = {} ; PShow.iframeaskpDialog = new PackDialog('iframeaskp') ; PShow.iframeaskp = function(){ var id = 0 ; PShow.iframeaskpDialog.iframe('https://360.lmjx.net/askp/'+id,$(window).width()*0.8,330) ; } function showaskp(){ PShow.iframeaskp() ; } </script> <script> var ssjs = {"g0":[{"sid":"1","name":"\u73b0\u4ee3\u5c55\u53f0","img":".\/scene\/scene1\/thumb.jpg"}]} ; function cza(){ var sid = $(this).attr('scene-id') ; if(!cza.inited) cza.inited = true ; else iKrpano.loadScene('scene'+sid) ; $('.sub-scenes-container li').removeClass('current') ; $(this).addClass('current') ; } function cwb(){ $('.group-scenes-container li').removeClass('current') ; $(this).addClass('current') ; var cssjs = ssjs['g'+$(this).attr('group-id')] ; var html = [] ; html.push('<ul class="swiper-wrapper sub-scenes" style="padding-left:0;">') ; for(var i=0;i<cssjs.length;i++){ var it = cssjs[i] ; html.push('<li class="swiper-slide" scene-id="'+it.sid+'" style="background-image:url('+it.img+')"><span class="li-title">'+it.name+'</span></li>') ; } html.push('</ul>') ; $('.sub-scenes-container').html(html.join('')) ; new Swiper(".sub-scenes-container", { slidesPerView: "auto", freeMode: !0, mousewheelControl: !0, observer: !0, observeParents: !0 }) ; cza.call($('.sub-scenes-container ul li')[0]) ; $('.sub-scenes-container ul li').click(cza) ; } $('.group-scenes-container li').click(cwb) ; new Swiper(".group-scenes-container", { slidesPerView: "auto", freeMode: !0, mousewheelControl: !0, observer: !0, observeParents: !0 }) ;if($('.group-scenes-container ul li').size() < 2) $('.group-scenes-container').hide() ; cwb.call($('.group-scenes-container ul li')[0]) ; $('.sub-scenes-container').hide() ; function azsoh(){ if(azsoh.xing) return ; azsoh.xing = true ; if($('#thumb-nav-box').css('display') == 'none'){ $('#thumb-nav-box').slideDown(function(){ azsoh.xing = false ; }) ; return ; } $('#thumb-nav-box').slideUp(function(){ azsoh.xing = false ; }) ; return ; } </script> <input type="hidden" value="147" id="pano_id"> </body> </html>