如果文件存在,则更改图像源

Question

我有http://jsfiddle.net/rcebw/3/

关键是我会有很多这些inlinedivdiv.每个内部都有2个div,一个用于保存图像,另一个用于保存链接.这些是从另一个站点上的子站点列表动态生成的.

我想要它做的是检查每个div与班级inlinediv.获取div中链接的内部文本,iconLinkText并在站点中搜索具有该名称的文件.(http://www.mojopin.co.uk/images/用于此测试.)如果存在,则将图像src更改为它.

我可能采取了绝对错误的路线,但我似乎无法让它工作.测试时甚至找不到inlinedivdiv!说它是空的.

我对jQuery很新,但有人有任何建议吗？(我甚至不知道我是否已经解释得很好!)

Answer 1

您不必使用AJAX来执行此操作,因为您可以不受任何限制地热链接来自其他域的图像.以下是检查图像是否存在的方法:

function checkImage(src) {
  var img = new Image();
  img.onload = function() {
    // code to set the src on success
  };
  img.onerror = function() {
    // doesn't exist or error loading
  };

  img.src = src; // fires off loading of image
}

这是一个有效的实现http://jsfiddle.net/jeeah/