时间戳

首页 > 解决方案 > 通过 jquery 向 lightSlider 添加几十个图像没有结果

javascript - 通过 jquery 向 lightSlider 添加几十个图像没有结果

问题描述

我是 lightSlider 的新手，不擅长 JS，我已经好几年没用了，它开始慢慢地回到我身边。现在我记得为什么我想在后端而不是 UI 上工作。

所以，我正在使用 lightSlider，我们有基础知识，在 HTML 代码中我们有：

现在，在 javascript 代码中，我们有一个循环来获取如下图像：

$.each(that.selectedSeries.instance, function (index, instance) {

     var url = get url for this image

    $("#instances").append($('<li data-thumb="' + url >
       <img src="' + theUrl + '" alt="Lights" class="thumbnailimage"/></li>'));

因此，我们可能会加载数十个甚至数百个图像，并一次将它们添加到 DOM 中。如示例所示，添加了“li”标签，但会发生缩略图图像加载和加载，并且它环绕屏幕占用所有可用的屏幕空间。然后它停止。如果我调整屏幕大小，然后滑块会重新调整，我会得到 scolling 缩略图。

加载完所有图像后，我尝试刷新滑块，但这没有帮助。加载图像后，我尝试隐藏和显示滑块，但这也无济于事。

最初的开发者有一个可以完美运行的基本滑块，我们选择使用新滑块的唯一原因是因为我们想要延迟加载图像。我试着寻找一堆已经编码好的滑块。我们没有时间自己编写解决方案，所以如果我们能找到一个好的滑块那就太好了。如果我们能让 lightSlider 工作得更好，我们会....

谢谢！

标签： javascriptjqueryhtml

解决方案

推荐阅读