Question

我正在尝试在基本的SpriteSpin API的帮助下创建360度视图。它工作正常，但是我还有一个额外的要求，我需要加载特定的图像作为第一张图像/着陆图像。 着陆图像的意思是，当页面加载时，该图像应可见，然后，动画应从该图像继续。

例如：

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度视图从第一张图像即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，依此类推。

在这方面请帮助我。

Answer 1

var index = 4; $('.container').spritespin({ source: imageSrcList, sense: -1, animate: false, plugins: ['360', 'drag', 'wheel'], wrap: isWrap, frame : index });

添加 frame：index 可以达到目的。此索引是图像在数组imageSrcList中的索引（首先要加载）

如何使“ SpriteSpin”加载特定图像作为加载的第一张图像？

1 个答案: