将 JJSOR 与大型画廊一起使用

Using JJSOR with large gallery

与此答案相关的问题:Jssor slider - How do I destroy and recreate Jssor slider with different content。假设我有 500 张带有缩略图(约 2-3kb)的图像(平均 50kb),平均分为 6 类。

预加载所有 500 张带有缩略图的图像会花费太长时间,通常的方法是显示第一组图像,在第一组图像结束时,它会从服务器获取下一组图像并使用新的重新创建滑块内容。

问题:这个新的UI的插入点在哪里?

reference API 没有任何钩子可以在达到 end of list 时触发函数。

第一种方法,请尝试延迟加载。要使延迟加载工作,请简单地将

第二种方法,你上面说的,你6类图片。 在开头加载第一个类别,然后按需加载其他类别。 并按照以下步骤动态重新创建滑块。

  1. 清除元素内容'slider1_container'。
  2. 在'slider1_container'中填写新内容。
  3. [可选步骤,可忽略此步骤)]请调用$Pause(jssor_slider1.$Pause())api暂停旧滑块
  4. 然后使用新的$JssorSlider$(options);创建 jssor 滑块的新实例的语句。