Tag: 图像加载

按顺序加载图像

我正在构建一个包含大量大图像（10-40，~300kb / img）的网站，并寻找一种顺序加载（不显示！）的方式。 我已经有一块js，一旦前3个图像被加载就会显示并触发旋转木马（其他的将在前3个显示时加载到背景上），因为图像将异步加载，它没有多大用处。 这样，有没有一种方法只在加载前一个图像时加载图像？ 这是我的HTML。 我的js： var numImagesLoaded = 0; function incrementAndCheckLoading(){ numImagesLoaded++; if(numImagesLoaded == 4){ // trigger carousel } } image1 = new Image(); image1.src = “http://cccctanger.com/test/img/1.jpg” image1.onload = incrementAndCheckLoading; image2 = new Image(); image2.src = “http://cccctanger.com/test/img/2.jpg” image2.onload = incrementAndCheckLoading; image3 = new Image(); image3.src = “http://cccctanger.com/test/img/3.jpg” image3.onload = incrementAndCheckLoading; image4 = new […]

ASP.NET MVC – 如何异步加载图像？

在我的网站的主页上，我想展示很多具有相当大图像的产品。 目前该页面加载时间太长，实际上超时并且页面无法显示！ 在MVC中，或者只是ASP.NET，我如何异步加载图像？ 基本上我想要做的是显示产品的细节，只显示一个小的加载图像，例如ajaxload.info 。 直到图像加载。 我假设这将需要一些javascript / jQuery …