Javascript jQuery-“jQuery；等待，直到准备就绪；？

我的网站上有一个滑块：

它工作正常，但我不喜欢它的加载方式（在准备好之前，您可以看到带有列表点的图像列表）

有没有一种通用的方法可以绕过它？如何在后台加载滑块，以便在完全加载之前用户不会看到它（例如，在后台加载时，我可以显示preload.gif）

我在考虑不透明度：0&在DOM中的滑块后使其褪色，但也许还有其他方法？

我会说应用css

.anythingSlider
{
    display:none;
}

然后在加载滑块后使用jQuery对其进行更改。

我会说应用css

.anythingSlider
{
    display:none;
}

---

然后在加载滑块后用jQuery更改它。

我倾向于使用以下模式：

// assumes slider is hidden
var imgCount = $("#slider img").length;
var loadCount = 0;
$("#slider img").one("load", function() {
    loadCount++;
    if(loadCount === imgCount) {

        // show slider once all images have loaded
        showSlider();
    }
}).each(function() {
    if(this.complete) $(this).trigger("load");
});

---

我倾向于使用以下模式：

// assumes slider is hidden
var imgCount = $("#slider img").length;
var loadCount = 0;
$("#slider img").one("load", function() {
    loadCount++;
    if(loadCount === imgCount) {

        // show slider once all images have loaded
        showSlider();
    }
}).each(function() {
    if(this.complete) $(this).trigger("load");
});

---

这有点复杂，我会尽快尝试，但我正在考虑更通用的东西，它不仅适用于这个滑块，而且适用于任何元素。也许有一个库，jQuery插件或者类似的东西？@Wordpressor-这是一个通用的解决方案<代码>显示滑块可以是任何东西。所有这些都会在加载时计算“Whatever”，一旦它们都完成了，就做一些事情。这有点复杂，我会尽快尝试，但我正在考虑一些更通用的东西，它不仅适用于这个滑块，而且适用于任何元素。也许有一个库，jQuery插件或者类似的东西？@Wordpressor-这是一个通用的解决方案<代码>显示滑块可以是任何东西。所有这些都会在加载时计算“Whatever”，一旦完成，就做些什么。