javascript - 在 Jssor Slider 中更改幻灯片集

Question

我有一个网站，上面有一个 JSSOR slider 和下面的三个图标。当我点击一个图标时，我需要它在 slider 中加载一组特定的图像。当我点击另一个图标时，我需要加载一组不同的图像并删除第一个。

到目前为止，我已经尝试隐藏我不使用的图像等。我能够做到这一点，除了缩略图仍然存在并在我隐藏图像的地方加载空白幻灯片。

如何在不将三个 slider 加载到页面中的情况下更改幻灯片集？

感谢您的帮助。

Answer 1

是的，您可以手动刷新任何幻灯片的内容。参见 jssor slider: How to reload/refresh the slider to show new images

但是在这种方式下，你不能刷新缩略图。由于每个 slider 都有缩略图，最好的方法是在开始时以延迟加载的方式加载3个 slider ，显示1个并隐藏另外2个。

使用以下格式(src2="url")定义延迟加载幻灯片，

<div><img u="image" src2="url" /></div>

顺便说一句，不确定 nested slider (主 slider 中有 3 个子 slider )满足您的需求。