我如何在jquery滑块中按需加载？

Question

我一直是带有内容的JQuery UI Slider，div内容中有很多图像，滑块有效，但它很慢，因为它在页面加载中加载了整个div。当我点击滚动或圆形按钮时，如何设置jquery ui滑块按需加载。

所有图片都在文件夹中，如img。我使用这个“http://jqueryui.com/demos/slider/#side-scroll”。

Answer 1

您可以在文档加载完成后加载图片：

var img = $("<img />").attr('src', 'http://somedomain.com/image.jpg')
                      .load(function() {
                         if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                             alert('broken image!');
                         } else {
                             $("#something").append(img);
                         }
                      });

来源：Asynchronously load images with jQuery