更改src属性后bxSlider没有正确重新加载

Question

我正在使用在默认视口中呈现的大量图片的网站上工作，因此我们无法使用lazyload。我们有一个包含多个图像的滑块，我们的想法是只显示1个图像，当页面完全加载时，更改src属性并重新加载bxSlider。但是，在我们更改了src属性并重新加载滑块后，我们看不到图像显示在屏幕上。

我们已经移动了脚本，尝试在重新加载函数中包含一些配置，但是我们无法让代码工作。控制台没有显示任何错误，在检查我们的源代码后，我们可以看到src属性已正确更改。我们正在使用以下代码：

$(document).ready(function () {
    $('img.hidden').each(function () {
        $(this).attr('src', $(this).data('src'));
        $(this).show(); // The images are on display: none at first
    });
    $('img.hidden').removeAttr('data-src');
    slider.reloadSlider();
});

更改bxSlider属性后重新加载src的最佳方法是什么？使用上面的代码适用于普通图像，但我不知道为什么它不适用于滑块中的图像。