Почему скрипт с 3D панорамой из KeyShotVR не работает на сайте?

Question

UnRealName @UnRealName

Почему скрипт с 3D панорамой из KeyShotVR не работает на сайте?

На сайте нужно разместить 3D панорамы. От дизайнера получен такой исходник.
Там есть html-файл, картинки и скрипты. Судя по всему они сделаны в программе KeyShotVR.
Если открыть html-файл в браузере, то все работает, крутится вертится. На сайте я помещаю в body следующее содержимое html-файла: codepen.io/anon/pen/eZNYJv. Но на сайте ничего не отображается, только окошко прогрузки ненадолго появляется и пустота. Перемещение этой строчки в head результата не дало:

<script type="text/javascript" src="5555_VR.30/files/KeyShotVR.js"></script>

Путь к скрипту у меня указан правильно. Такое ощущение, что проблема именно с подгрузкой изображений. В скрипте есть строчка:

var folderName = "5555_VR.30";

Папка с картинками у меня так и называется и допустим размещена в корне сайта. В чем может быть проблема?

Я проверил на html-файле, что удаление метатегов и строк:

<style type="text/css">
      body { -ms-touch-action: none; }
    </style>

<body oncontextmenu="return false;">
  </body>

//то есть, я не задаю этот параметр на своем сайте для body

ничего не меняет, и вращение модели работает.

Вопрос задан более трёх лет назад
583 просмотра

1 комментарий

Подписаться 2 Оценить 1 комментарий

RomanDrum @RomanDrum

На странице с слайдером в шапке должна находиться ссылка на скрипт слайдера и скрипт инициализации слайдера

<script type="text/javascript" src="[foldername]/files/KeyShotXR.js"></script>
    <script type="text/javascript">
      var keyshotXR;

      function initKeyShotXR() {
        var nameOfDiv = "KeyShotXR";
        var folderName = "finall_XR.117";
        var viewPortWidth = 1600;
        var viewPortHeight = 979;
        var backgroundColor = "#FFFFFF";
        var uCount = 36;
        var vCount = 12;
        var uWrap = true;
        var vWrap = false;
        var uMouseSensitivity = -0.1;
        var vMouseSensitivity = 0.15;
        var uStartIndex = 18;
        var vStartIndex = 2;
        var minZoom = 1;
        var maxZoom = 1;
        var rotationDamping = 0.96;
        var downScaleToBrowser = true;
        var addDownScaleGUIButton = false;
        var downloadOnInteraction = false;
        var imageExtension = "jpg";
        var showLoading = true;
        var loadingIcon = "ks_logo.png"; // Set to empty string for default icon.
        var allowFullscreen = true; // Double-click in desktop browsers for fullscreen.
        var uReverse = false;
        var vReverse = false;
        var hotspots = {};
        
        keyshotXR = new keyshotXR(nameOfDiv,folderName,viewPortWidth,viewPortHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,downScaleToBrowser,addDownScaleGUIButton,downloadOnInteraction,imageExtension,showLoading,loadingIcon,allowFullscreen,uReverse,vReverse,hotspots);
      }

      window.onload = initKeyShotXR;
    </script>

Описание параметров тут

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

3D

+1 ещё

Сложный
Как в Flutter реализовать 3D-домик с вращением, подсветкой граней и управлением?
- 2 подписчика
- вчера
- 123 просмотра
0

ответов
Unity

+3 ещё

Простой
Как Хауди Хо экспортировал анимацию из MagicaVoxel воксельного объекта и использовал в игре?
- 2 подписчика
- 19 нояб.
- 254 просмотра
2

ответа
JavaScript

+2 ещё

Простой
Как сделать подобную анимацию в JavaScript?
- 3 подписчика
- 05 нояб.
- 644 просмотра
2

ответа
Серверное оборудование

+3 ещё

Сложный
Как настроить компьютер, чтобы можно было работать на нём независимо друг от друга в 3ds Max?
- 1 подписчик
- 05 нояб.
- 149 просмотров
1

ответ
Unity

+2 ещё

Простой
Unity конфликт функций Move и Velocity?
- 1 подписчик
- 04 нояб.
- 121 просмотр
1

ответ
JavaScript

+1 ещё

Средний
Как корректно обрабатывать события метода animate в Web Animation API?
- 1 подписчик
- 01 нояб.
- 155 просмотров
1

ответ
Серверное оборудование

+3 ещё

Сложный
Как исправить «лагание» 3ds Max при удалённой работе на виртуальной машине?
- 3 подписчика
- 31 окт.
- 347 просмотров
2

ответа
Анимация

Средний
Как называется такой эффект?
- 1 подписчик
- 28 окт.
- 229 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Как обойти проблему перегруза DOM?
- 1 подписчик
- 23 окт.
- 201 просмотр
2

ответа
Unity

+2 ещё

Простой
Как можно исправить проблему с некорректным импортированием модели в Unity из Blender?
- 1 подписчик
- 23 окт.
- 87 просмотров
2

ответа
Показать ещё Загружается…

3D-моделлер Архитектуры GameDev

Wanted. • Москва

До 200 000 ₽

Преподаватель в онлайн-школу Трехмерное моделирование в 3Ds Max

CODDY

от 20 000 до 100 000 ₽

Преподаватель по Unity 3D

CODDY • Москва

от 30 000 до 80 000 ₽

Нарисовать проект Площадки для дизайнеров интерьеров

22 нояб. 2024, в 10:19

10000 руб./за проект

Сделать верстку двух страниц из фигмы

22 нояб. 2024, в 09:58

5000 руб./за проект

Доделать проект

22 нояб. 2024, в 09:57

3000 руб./за проект

На странице с слайдером в шапке должна находиться ссылка на скрипт слайдера и скрипт инициализации слайдера
<script type="text/javascript" src="[foldername]/files/KeyShotXR.js"></script> <script type="text/javascript"> var keyshotXR; function initKeyShotXR() { var nameOfDiv = "KeyShotXR"; var folderName = "finall_XR.117"; var viewPortWidth = 1600; var viewPortHeight = 979; var backgroundColor = "#FFFFFF"; var uCount = 36; var vCount = 12; var uWrap = true; var vWrap = false; var uMouseSensitivity = -0.1; var vMouseSensitivity = 0.15; var uStartIndex = 18; var vStartIndex = 2; var minZoom = 1; var maxZoom = 1; var rotationDamping = 0.96; var downScaleToBrowser = true; var addDownScaleGUIButton = false; var downloadOnInteraction = false; var imageExtension = "jpg"; var showLoading = true; var loadingIcon = "ks_logo.png"; // Set to empty string for default icon. var allowFullscreen = true; // Double-click in desktop browsers for fullscreen. var uReverse = false; var vReverse = false; var hotspots = {}; keyshotXR = new keyshotXR(nameOfDiv,folderName,viewPortWidth,viewPortHeight,backgroundColor,uCount,vCount,uWrap,vWrap,uMouseSensitivity,vMouseSensitivity,uStartIndex,vStartIndex,minZoom,maxZoom,rotationDamping,downScaleToBrowser,addDownScaleGUIButton,downloadOnInteraction,imageExtension,showLoading,loadingIcon,allowFullscreen,uReverse,vReverse,hotspots); } window.onload = initKeyShotXR; </script>

Описание параметров тут

Почему скрипт с 3D панорамой из KeyShotVR не работает на сайте?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт