2

我使用 jssor 滑块，非常好的库，但有时图像抖动很小，效果完成后或鼠标悬停时会出现问题。

这种抖动（或移动）仅在某些时候显示 - 并非针对所有图像。

当幻灯片小于图像时，我也在演示页面中看到了这一点。在 Firefox 中查看这个演示，窗口大小为 333x600（宽度很重要，您可以通过 CTRL+SHIFT+M 设置窗口大小） http://www.jssor.com/demos/image-slider.html

并非所有宽度值都可以重现此错误，但重要的是幻灯片宽度小于图像文件。

4

2 回答 2

0

将所有图像定义为延迟加载图像（例如）。打开 jssor.slider.js，在第 1515 行找到以下代码，并将其移至第 1377 行。

                    $JssorUtils$.$Each(_ImageElmts, function (imageElmt) {

                        if (!imageElmt.src) {
                            imageElmt.src = $JssorUtils$.$GetAttributeEx(imageElmt, "src2");
                            $JssorUtils$.$SetStyleDisplay(imageElmt, imageElmt["display-origin"]);
                        }
                    });

我现在得到了你的关注。

让它按照您的意愿工作的最佳方法是自己手动设置图像大小。例如

<img src="url" style="position: absolute; top: ...px; left: ...px; width: ...px; height: ...px" />
于 2014-05-21T01:59:35.843 回答
0

不要在缩略图中使用与主图像相同的图像文件。使用单独的较小版本。我有同样的问题，并解决了它。

于 2014-11-03T22:31:00.243 回答