Question

我使用jssor滑块，非常漂亮的库，但是我有时会遇到小图像抖动问题，效果完成后或鼠标悬停时。

此震动（或动作）仅在有时显示 - 不适用于所有图像。

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

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

Answer 1

将所有图像定义为延迟加载图像（例如）。打开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" />

Answer 2

不要将缩略图的相同图像文件用作主图像。使用单独的较小版本。我有同样的问题并修复了它。

Jssor滑块 - 图像抖动bug

2 个答案: