Я пытался создать слайдер изображения на 360 градусов.Я собрал код из Интернета, добавил свои собственные штрихи и успешно создал слайдер, который анализирует одно изображение для создания эффекта 360.Однако вместо того, чтобы разбирать одно изображение, я хочу, чтобы ползунок соединял вместе несколько изображений в последовательности, то есть 1.jpg, 2.jpg, 3.jpg и так далее.Вот пример отдельного JPEG, который в данный момент код анализирует для создания слайдера 360:
И код с разборками по изображению:
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.Это можно увидеть здесь
Любая помощь с благодарностью!Спасибо!