Jquery 启动并行加载映像,并在完全加载时使用它

Jquery 启动并行加载映像,并在完全加载时使用它,jquery,jquery-mobile,Jquery,Jquery Mobile,我正在使用jquerymobile从远程json加载信息,然后用缩略图将其放到列表中。问题是,我喜欢显示一个正在加载的图像,直到每个图像都被加载 我尝试从每个图像中使用一个id,并替换该图像的src。但这不是一个干净的方式 // Add each json elemnt to list with image with id $('#list_nearbys').append("<li><a href=''><img id=" + this.id + " src='"

我正在使用jquerymobile从远程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.

有什么想法吗?提前感谢使用Jquery插件