JQuery: как создать 360 вид фотографии формы

Я пытаюсь создать 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://stackru.juvera.co/360-view/

Однако у 3dEye есть много недостатков.

  • У меня может быть только один объект на одной странице. Если я добавлю больше страниц, другие объекты будут покрыты зеленым наложением, а метка загрузки останется.
  • У него нет опции увеличения
  • Нет управления движением (например, автовоспроизведение, перемещение левой кнопки, перемещение правой кнопки)
  • и т.п.

Знаете ли вы действительно хороший плагин jQuery (или другое решение), который я мог бы использовать для достижения этой цели?

Он должен быть мобильным и позволять смахивание экрана (пальцем)

PS. Было бы здорово, если бы я мог использовать одно и то же решение для панорамных и виртуальных туров... но если нет, то все в порядке

Источник

0 ответов

Другие вопросы по тегам