jquery - bxslider-4 添加图像时速度加快

标签 jquery performance reload bxslider

我有一个页面，它通过 ajax 调用获取其所有内容。我还通过 ajax 调用获取 slider 的图像。我使用 getElem...ByID('slider').innerHTML = "DIV ID='bxslider'>... 等设置 slider DIV 的全部内容。那么:

 var bxSlider = $('.bx-pager2').bxSlider({
            mode: 'horizontal',     //'vertical',
            ticker: true,
            tickerHover: true,
            tickerspeed: 50000,
            infiniteLoop: true,
            speed: 20000,
            autoHover: false,
            minSlides: 4,
            maxSlides: 4,
            slideWidth: 150,
            slideMargin: 10,
            responsive: true,
            useCSS: false,
            startSlide: 0

        });

问题是: 将新图像加载到 slider DIV 后，速度会有所不同，例如加载 slider 中放入 50 张图像会使速度加快，导致您无法识别图像上的任何内容。

我尝试在这里实现 bxslider.reload()，但这使得 slider 加载器的时间未知(长)。

有什么想法吗？

最佳答案

我自己刚刚遇到了这个问题，虽然这并不是真正的解决方案，但它肯定是一个解释。如果您转到 git 并点击 js 的第 907 行，您将看到速度计算为一个比率，该比率取决于 slider 的总水平尺寸。

对我来说，这是一个很大的问题，因为我在一页上运行多个 slider ，并且每个 slider 都动态地提供不同数量的图像。我已经操纵了股票行情自动收录器的默认行为，使其仅在悬停时进行，现在它们都以不同的速度运行，其中一些速度快得离谱。对于这个新信息，有人有任何意见吗？

关于jquery - bxslider-4 添加图像时速度加快，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20478747/