jQuery - “等到准备好了”？

Question

我的网站上有这个滑块：

http://css-tricks.com/examples/AnythingSlider/

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

是否存在绕过它的通用方法？如何在后台加载滑块，以便用户看不到它完全加载（当它在后台加载时我可以显示preloader.gif）。

我在考虑不透明度：0＆amp;在DOM中的滑块之后淡出它，但也许还有其他方式？

Answer 1

我倾向于使用以下模式：

// 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");
});

Answer 2

我会说应用css

.anythingSlider
{
    display:none;
}

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