0

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

我最近创建了一个站点themefinder.dk，它按我的预期工作，除了它最初加载的时候。在将图像移动到正确位置之前，这些图像会显示“不在位置”几秒钟。这是一张图片。

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

我发现一些我认为会影响这一点的事情：
- 从 .image 类中删除 position:absolute 可以解决加载问题，但反过来会导致页面看起来不像预期的那样。
- 页面上有大量的 DOM 元素。
- Javascript 在 document.ready 上运行

我已经尝试过使用上述方法，但还没有成功。任何关于如何解决这个问题的想法或想法都将受到欢迎。

我目前正在研究 ajax，以找到一种方法或减少加载图像的初始数量。但我还没有这方面的经验，所以在我了解更多关于 ajax 的同时，如果有一个解决方案会很棒。

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

最好的问候
安德斯

4

1 回答 1

0

无需使用 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);
                         }
                      });
于 2012-06-22T09:15:10.627 回答