Javascript Elastislide-如何使其在不同的图像宽度下工作

我正在使用Elastislide作为我正在处理的网站的图像滑块（）

我喜欢这个插件，它在这个响应迅速的站点上运行得很好（根据这个答案，我已经将它修改为一次只幻灯片一张图像：），但是我还想修改JS，以便它可以处理不同宽度的图像

当前，itemSpace是根据第一个图像的宽度计算的，如果所有图像的大小都相同，那么这就可以正常工作。但是一旦你扔进一堆不同宽度的图像，那么数学就错了，它会滑到错误的位置

我试过在JS中玩不同的东西，但我就是不能让它工作

---

如有任何建议，将不胜感激，谢谢

您遇到的问题是，插件将始终获取第一张图像，并使用默认的高度/宽度

有两种方法可以做到这一点

捷径 您可以将所有图像的大小重新调整为相同的大小（无论是手动还是PHP/C#）

艰难的道路 由于_setItemsSize:function（）（在js/jquery.elastislide.js中）是设置数学的代码所在，因此您可以在这里修改它。但是，此代码只会从构造函数（$.Elastislide.prototype={）中的self.layout（）命中一次。 如果要这样做，则需要修改setItemsSize中的（w），并计算出要使用的最佳宽度%

不过，我建议您重新调整图像的大小，不要把数学搞得一团糟，因为这会让您得到最快的结果，如果您在开发周期中有时间，您可以继续，稍后再回来