猫头鹰旋转木马 - 动态添加/删除项目



我正在将猫头鹰旋转木马集成到iPad应用程序中。 如果用户未过滤掉要在轮播中显示的项目,则轮播可以包含 1000 多个项目。

为了帮助解决性能和加载问题,我目前只有 25 个项目开始轮播,然后当用户浏览轮播时,它将动态地将另外 25 个项目添加到轮播的末尾。 每当用户在轮播结束时大约一半时,它就会这样做,直到没有更多要添加的项目。

现在发生的问题是,当轮播达到大约 300 张图像时,仍然存在一些内存问题。 应用程序将崩溃。

我在想我需要从轮播的开头删除项目,但我正在就如何使其工作绘制空白。 这里有几个注意事项:

  • 我需要能够在项目添加到开头时保持轮播中的当前位置。
  • 轮播需要保持与起始数组相同的顺序。
  • 用户应该无法注意到轮播中的更改,不能影响用户体验。

我最初的想法是尝试在轮播中保留 50 个项目,然后当用户在轮播中来回导航时,根据需要从任一端添加/删除项目。 我似乎只是有编码器块,因为我不知道如何开始。

谢谢大家!

只需使用其中一个函数来延迟加载:

http://www.landmarkmlp.com/js-plugin/owl.carousel/demos/lazyLoad.html

您可以使用remove.owl.carousel从轮播中删除元素,它不会干扰当前流程,用户也不会感觉到轮播有任何变化。 我做到了

$('#owl-carousel').trigger('remove.owl.carousel',0).trigger('refresh.owl.carousel');

这里 0 是元素编号,您可以将其与每个元素添加一起使用。

相关内容

最新更新