Jssor slider -图像抖动错误

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

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