Добавление серии изображений на ползунок на 360 градусов с помощью функции Javascript - PullRequest
0 голосов
/ 10 июня 2019

Я пытался создать слайдер изображения на 360 градусов.Я собрал код из Интернета, добавил свои собственные штрихи и успешно создал слайдер, который анализирует одно изображение для создания эффекта 360.Однако вместо того, чтобы разбирать одно изображение, я хочу, чтобы ползунок соединял вместе несколько изображений в последовательности, то есть 1.jpg, 2.jpg, 3.jpg и так далее.Вот пример отдельного JPEG, который в данный момент код анализирует для создания слайдера 360:

enter image description here

И код с разборками по изображению:

var threesixty = new ThreeSixty(document.getElementById('threesixty'), {
 image: 'https://cdn1.imggmi.com/uploads/2019/6/10/3daa049d63a4be4040602843b4960306-full.jpg',
 width: 320,
 height: 320,
 count: 31,
 perRow: 4,
 speed: 100,
 inverted: true,
 prev: document.getElementById('prev'),
 next: document.getElementById('next')
});

threesixty.play();

Я пытался манипулировать кодом с чем-то вроде этого безрезультатно:

var imageName = "/Desktop/SpinCar%20V3/img/" + (loadedImages + 1) + ".jpg";

var threesixty = new ThreeSixty(document.getElementById('threesixty'), {
  image: imageName,
  width: 320,
  height: 320,
  count: 9,
  speed: 100,
  prev: document.getElementById('prev'),
  next: document.getElementById('next')
 });

threesixty.play();

Вот также ссылка на codepen.io

Обратите внимание, что кодовое перо также извлекает из другого маленького файла js.Это можно увидеть здесь

Любая помощь с благодарностью!Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...