我有一个页面可以加载大约24张图片。我在加载时使用knockout来计算它们的url(它们实际上是由后端的控制器创建的)。所有请求都会立即触发,这很好,除非页面挂起,直到请求返回并且图像被加载到页面中。
我使用的代码就是这个,在ko模型中:
self.imageSrc = ko.observable(self.imageUrl(self.id(), self.x(), self.y()));
并在HTML方面:
<img data-bind="attr: {src: imageSrc}"/>
我尝试将图片加载到javascript new Image()
中,然后将它们放入页面中,但同样的事情发生了。
有关如何在图片获取时保持页面响应的任何想法,然后在加载后将其填入?
(使用Chrome,顺便说一句)