从数据库预加载图像

Question

我需要从我的数据库预加载图像，然后在8×8的滑块中显示它们。 我该怎么办？

<script type="text/javascript">
                function preload(arrayOfImages) {
                $(arrayOfImages).each(function(){
                $('<img/>')[0].src = this;
                // Alternatively you could use:
                // (new Image()).src = this;
    });
}
            </script>
<script>
 preload([HERE HAVE I TO DO THE SELECT FROM MY DATABASE??]);
</script>

滑块是这样的：

<script type="text/javascript">
    $(document).ready(function() {
        $("#foo1").carouFredSel({
        items               : 8,
        direction           : "left",
        width               : "100%",
        scroll : {
            items           : 1,
            easing          : "swing",
            duration        : 300
        }                   
}); 


    $("#foo1_next").click(function() {
        $("#foo1").trigger("next", 4);
    });
    $("#foo1_prev").click(function() {
        $("#foo1").trigger("prev", 4);
    });
});
</script>

那我该怎么办？

感谢大家;）

Answer 1

您可以拥有prefetch链接关系，如下所示：

<link rel="prefetch" href="location/of/image.png" />

此处建议：http://davidwalsh.name/html5-prefetch用于幻灯片演示。