我正在尝试借助基本的 SpriteSpin API 创建 360 度 View 。它工作正常，但我有一个额外的要求，我需要加载一个特定的图像作为第一个图像/着陆图像。 着陆图片是指，当页面加载时，该图片应该可见，之后，动画应该从该图片继续。
例如:
var imageSrcList = [
"folder/image_1.jpg",
"folder/image_2.jpg",
"folder/image_3.jpg",
"folder/image_4.jpg",
"folder/image_5.jpg",
"folder/image_6.jpg",
"folder/image_7.jpg",
"folder/image_8.jpg",
"folder/image_9.jpg"
];
$('.container').spritespin({
source: imageSrcList,
sense: -1,
animate: false,
plugins: ['360', 'drag', 'wheel'],
wrap: isWrap
});
在上面的示例中，加载时，360 度 View 从第一张图像开始，即 image_1.jpg。我希望第 5 个图像 image_5.jpg 在页面加载时可见，并从那里继续动画。
向右滑动我得到 image_5.jpg --> image_6.jpg --> image_7.jpg 等等。 向左滑动我得到 image_5.jpg --> image_4.jpg --> image_3.jpg 等等。
请在这方面帮助我。
最佳答案
var index = 4;
$('.container').spritespin({
来源:imageSrcList，
感觉:-1，
动画:假的，
插件:['360', '拖动', '滚轮'],
包裹:isWrap，
帧:索引
});
添加 frame : index 就成功了。这个索引是数组imageSrcList中的图片(我们要先加载)的索引
关于javascript - 如何使 'SpriteSpin' 加载特定图像作为加载的第一个图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54145895/