启动并行加载图像并在满载时使用它

时间:2012-07-01 22:25:03

标签: jquery jquery-mobile

我正在使用jquery mobile从远程json加载信息,然后将每个缩略图放在列表中。问题是我想在每个图像加载之前显示加载图像。

我尝试使用每个图像中的id并替换它的src。但这不是一个干净的方式。

// Add each json elemnt to list with image with id
$('#list_nearbys').append("<li><a href=''><img id=" + this.id + " src='" + image + "' width='115' height='115'></img></p><h3>" + this.title + "</h3><p>" + this.description + 
"</p></a></li>");

// refresh the list
$('#list_nearbys').listview('refresh');

// Here i modify the original image with a loading image
$("img[id$='" + this.id + "']").attr('src', "images/ajax-loader.gif");

// Here i should launch the load from image and when the image was loaded replace with this.

有什么想法吗?提前致谢

1 个答案:

答案 0 :(得分:0)