Question

我试图在未加载图像时执行某些代码。我使用以下代码：

<script language="javascript">

object = new Image();
object.src = '$imageurl';

if(!object.complete)
{
    //do something
}

</script>

但这不适用于Facebook。请帮帮我。

Answer 1

使用加载图片时触发的onload事件：

object.onload = function(){
  // image has been loaded
};

另请看：

Getting an Image's onload to Fire

<强>更新

要运行代码，除非尚未加载图像，您可以这样做：

<script language="javascript">

object = new Image();

// here image is not loaded yet

object.onload = function(){
  // image has been loaded
};

// image loaded, show it
object.src = '$imageurl';

</script>

我怀疑你通过看$imageurl使用php，你需要替换行：

object.src = '$imageurl';

使用：

object.src = '<?php echo $imageurl;?>';

Answer 2

您可以使用onLoad事件

<script language="javascript">

object = new Image();
object.src = '$imageurl';

object.onLoad = imageHasLoaded();

</script>

Answer 3

在图像加载时使用window.setInterval运行一个函数，并在加载后立即停止。

function () {
var img = new Image();

var intervalId = window.setInterval(function () {
  /* stuff to do with "img" while it is loading */
}, 250);

img.onload = function () { window.clearInterval(intervalId); }
img.src = 'http://example.com/image.jpg';
}

如何在Facebook中使用JavaScript完全加载或不加载图像

3 个答案: