Question

我已经完成了几个网站并且知道基本的html，javascript和php。

我最近创建了一个网站themefinder.dk，它按照我的预期工作，除非它是初始加载的。在将图像移动到正确位置之前，图像显示“不在适当位置”几秒钟。这是一个picture。

我的问题是如何处理这个问题。

我发现了一些我认为会影响到这一点的事情：
- 从.image类中删除位置：绝对可以解决加载问题，但反过来导致页面无法按预期显示。
- 页面上有大量的DOM元素 - Javascript在document.ready上运行

我已尝试过使用上述内容，但尚未成功。任何关于如何解决这个问题的想法或想法都会受到欢迎。

我正在寻找ajax，找到一种方法或减少初始加载图像的数量。但我还没有相关的经验，所以当我了解更多关于ajax的解决方案时，这将是一个很好的解决方案。

如果我应该详细说明我的html结构或网站上的任何内容，请告诉我。任何帮助深表感谢。

最好的问候安德斯

Answer 1

无需使用ajax来加载图片。只要加载页面，您就可以在javascript中创建图像元素。

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

网站加载问题 - 大量的图片

1 个答案: