Question

我正在尝试这样做。

我有一个滑块，其中8个图像传递1乘1.如果我单击下一个或上一个按钮，则传递8个新图像。（所有图像都在我的index.php上声明）所以：

我需要预加载8张图片（来自DataBase）屏幕外（4左侧和4右侧），当我点击Next或Prev按钮通过每组时。

我需要这样做才能不加载所有图像（它将超过200）。

我的代码是：

<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

如果您想要预先加载图像而不显示图像，则可以随时执行

function preloadImage(url) {
  var image = new Image();
  image.src = url;
  return image;
}

然后将图像插入DOM中。

如何从屏幕上预加载ajax

1 个答案: