轮播滑块首先加载，但图像需要时间加载

Question

我正在使用bootstrap在我的网站中使用轮播滑块。

问题：

当我打开我的网页时，标题部分中的滑块首先加载，但第一个图像需要花时间加载到滑块上。我想解决我的问题。

我想要的是什么：

我希望如果滑块加载，则必须同时加载图像，否则，如果图像准备加载到网页上，则应加载需要时间加载然后滑块的图像。

请建议我应该做些什么。

Answer 1

如果滑块包含10个以上的图像，并且图像尺寸较大，请按照以下步骤操作

1. 仅将src应用于滑块的前3个图像。对于其他图像，将图像URL应用于新属性'delayedsrc'。 delayedsrc属性包含您的图片网址。同时将类'defered_loading'应用于这些图像。

然后添加这个js代码，

$('.defered_loading').each(function() {
                $(this).attr('src', $(this).attr('delayedsrc'));
            }).promise().done(function() {
                // intialize your slider here
            });