请问各位大哥关于photo-sphere-viewer这个插件，为何不能加载本地资源

发布于
2016-12-04

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>Photo Sphere Viewer</title>
        <meta name="viewport" content="initial-scale=1.0" />
        <script src="../three.min.js"></script>
        <script src="../photo-sphere-viewer.min.js"></script>
        <style>
            html, body {
                margin: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            #container {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>

    <body>
        <div id="container"></div>

        <script>
            var div = document.getElementById('container');
            var PSV = new PhotoSphereViewer({
                    panorama: 'http://tassedecafe.org/wp-content/uploads/2013/01/parc-saint-pierre-amiens.jpg',
                    container: div,
                    time_anim: 3000,
                    navbar: true,
                    navbar_style: {
                        backgroundColor: 'rgba(58, 67, 77, 0.7)'
                    },
                });
        </script>
    </body>

</html>

如果把panorama: 'http://tassedecafe.org/wp-con...'换成本地资源，就会报错，请问该如何解决这个问题？

javascript

阅读 9.5k

7 个回答

得票最新

zion0707

271

发布于
2017-09-14

✓ 已被采纳

不能使用跨域图片，把图片下载下来放在自己的目录下引入便可以：
panorama: 'http://tassedecafe.org/wp-con...',
改成:
panorama: '自己的全景图目录地址'