2

我正在尝试创建产品的 360/3D 视图。

为此，我首先使用 3dEye。有了这个 jQuery 插件，我所要做的就是将普通照片转储到一个文件夹中。Ej photos/cup-1/,photos/cup-2/和photos/car/

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>3D Products</title>

    <script type="text/javascript" src="jquery-1.9.1.js"></script>
    <script type="text/javascript" src="3deye.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#cup-1").vc3dEye({
        imagePath: "photos/cup-1/",
        totalImages: 7,
        imageExtension: "jpg"
        });

        $("#cup-2").vc3dEye({
        imagePath: "photos/cup-2/",
        totalImages: 13,
        imageExtension: "jpg"
        });

        $("#car").vc3dEye({
        imagePath: "photos/car/",
        totalImages: 51,
        imageExtension: "png"
        });
    });
    </script>
</head>
<body>
    <h1>Sample of 360-view products</h1>
    <h2>Move the object with the mouse</h2>

    <br /><br />
    <div id="cup-1"></div>
    <div id="cup-2"></div>
    <div id="car"></div>
</body>
</html>

现场样本： http ://stackoverflow.juvera.co/360-view/

但是，3dEye 有很多缺点。

  • 我在同一页面上只能有一个对象。如果我添加更多页面，它会用绿色覆盖覆盖其他对象，并且加载标签仍然存在。
  • 它没有缩放选项
  • 没有移动控件（如自动播放、左移按钮、右移按钮）
  • 等等

你知道我可以用一个非常好的 jQuery 插件（或其他解决方案）来完成这个吗？

它必须是移动友好的并允许屏幕滑动（用手指）

PS。如果我可以对全景和虚拟旅游使用相同的解决方案，那就太好了……但如果不是也可以

4

0 回答 0