javascript ---- pano2vr全景H5

来源：互联网发布：广数980tdb编程实例编辑：程序博客网时间：2024/06/03 05:06
<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">        <meta http-equiv="X-UA-Compatible" content="IE=edge" />         <title></title>        <meta name="viewport" content="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 name="apple-mobile-web-app-status-bar-style" content="black" />        <script type="text/javascript" src="http://henan.qq.com/js/2015zt/vitajs/fastclick.js"></script>          <script type="text/javascript" src="swfobject.js">        </script>        <script type="text/javascript">            function hideUrlBar() {            }        </script>        <style type="text/css" title="Default">          *{margin:0;padding:0}        </style>        </head>    <body>        <script type="text/javascript" src="pano2vr_player.js">        </script>        <div id="container" style="width:640px;height:480px;">        This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.        </div>        <script type="text/javascript">        var oContainer = document.getElementById('container');        var windWidth = window.screen.availWidth;        var winHeight = window.screen.availHeight;        oContainer.style.width =''+windWidth+'px';        oContainer.style.height =''+winHeight+'px';        // check for CSS3 3D transformations and WebGL        if (ggHasHtml5Css3D() || ggHasWebGL()) {        // use HTML5 panorama            // create the panorama player with the container            pano=new pano2vrPlayer("container");            pano.readConfigUrl("ttt_out.xml");            // hide the URL bar on the iPhone            setTimeout(function() { hideUrlBar(); }, 10);        } else         if (swfobject.hasFlashPlayerVersion("10.0.0")) {            var flashvars = {};            var params = {};            // enable javascript interface            flashvars.externalinterface="1";            params.quality = "high";            params.bgcolor = "#ffffff";            params.allowscriptaccess = "sameDomain";            params.allowfullscreen = "true";            var attributes = {};            attributes.id = "pano";            attributes.name = "pano";            attributes.align = "middle";            flashvars.panoxml="ttt_out.xml";            params.base=".";            swfobject.embedSWF(                "pano2vr_player.swf", "container",                 windWidth, winHeight,   //设置场景大小;                "9.0.0", "",                 flashvars, params, attributes);        }        var img1=document.images[0];        var img2=document.images[1];        var img3=document.images[2];        img1.addEventListener("click", function(){            alert(1)        });        img1.nextSibling.remove();        img2.nextSibling.remove();        img3.nextSibling.remove();        img2.addEventListener("click", function(){            alert(2)        });        img3.addEventListener("click", function(){            alert(3)        });        if ('addEventListener' in document) {                document.addEventListener('DOMContentLoaded', function() {                    FastClick.attach(document.body);                }, false);            }            </script>        <noscript>            <p><b>Please enable Javascript!</b></p>        </noscript>    </body></html>
0 0