使用JJSOR与大型画廊

时间:2015-02-09 20:57:50

标签: jquery jssor

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

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

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

reference API在达到end of list时没有任何钩子来触发功能。

1 个答案:

答案 0 :(得分:1)

首先,请尝试延迟加载。要使延迟加载工作,请将< img src =“url”替换为< img src2 =“url”

第二种方法,如上所述,你有6类图像。 在开头加载第一个类别并按需加载其他类别。 并按照以下步骤动态重新创建滑块。

  1. 清除元素'slider1_container'的内容。
  2. 在'slider1_container'中填写新内容。
  3. [Optinal Step,你可以忽略这一步)]请拨打$ Pause(jssor_slider1。$ Pause())api暂停旧滑块。
  4. 然后使用新的$ JssorSlider $(选项);声明创建一个新的jssor滑块实例。