Почему скрипт с 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

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

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

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>

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

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

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

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

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

Войти через центр авторизации

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

Adobe Photoshop

+2 ещё

Сложный
Наложения изображения/текста на плоскость с подстройкой под рельеф, как сделать?
- 1 подписчик
- 24 мая
- 31 просмотр
3

ответа
Unity

+4 ещё

Простой
Существует ли технология декларативной генерации модели здания?
- 1 подписчик
- 10 мая
- 84 просмотра
2

ответа
3D

+2 ещё

Простой
Анимированный 2d или 3d персонаж под музыку?
- 1 подписчик
- 07 мая
- 76 просмотров
1

ответ
JSON

+2 ещё

Средний
При выгрузке json формата из After Effects не сохраняются цвета шейпов. Как исправить?
- 1 подписчик
- 30 апр.
- 23 просмотра
0

ответов
SVG

+2 ещё

Простой
Как сохранить проект After effects в формат SVG?
- 1 подписчик
- 28 апр.
- 45 просмотров
0

ответов
C#

+4 ещё

Средний
Как правильно настроить считывание клавиш?
- 3 подписчика
- 26 апр.
- 269 просмотров
2

ответа
3D

+2 ещё

Простой
Как разделить объект по сетке в blender?
- 1 подписчик
- 22 апр.
- 55 просмотров
0

ответов
3D

+1 ещё

Простой
Некорректное объединение объектов, как исправить?
- 1 подписчик
- 22 апр.
- 69 просмотров
0

ответов
3D

+1 ещё

Средний
Blender 4.1 На рендере свет отличается?
- 2 подписчика
- 19 апр.
- 275 просмотров
1

ответ
Разработка игр

+2 ещё

Простой
Почему при загрузке .fbx в Mixamo модель получается прозрачной?
- 1 подписчик
- 15 апр.
- 67 просмотров
1

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

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

CODDY • Москва

от 30 000 до 80 000 ₽

Инженер-разработчик радиоэлектронной аппаратуры

ГК «Турбулентность-ДОН» • Ростов-на-Дону

от 80 000 до 110 000 ₽

3D Художник Уровня UE5

ГК «Талант» • Сочи

от 100 000 до 300 000 ₽

Аранжировка на вокал

27 мая 2024, в 05:32

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

Доработать шаблон ZennoPoster

27 мая 2024, в 04:26

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

Нужно сделать адаптивную верстку и натяжку на Вордпресс

27 мая 2024, в 04:18

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

На странице с слайдером в шапке должна находиться ссылка на скрипт слайдера и скрипт инициализации слайдера
<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 не работает на сайте?

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

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

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