ここでは、jqueryによって画像をプリロードするコードを提供しています。
var _images = ['/images/ajax-loader.gif'];
$.each(_images, function (e) {
$(new Image()).load(function () {
//alert($(this).attr('src') + 'has loaded!');
}).attr('src', this);
});
ここでは画像パスをハードコーディングしているため、上記のコードは正常に機能しますが、画像パスが変数に格納されている場合は機能しません。
ここで私はエラーを与えるコードを与えています。
var _images = '[' + data.d[0].LabelImagePath + ']';
$.each(_images, function (e) {
$(new Image()).load(function () {
$('#imgHolder').html("<img src='" + data.d[0].LabelImagePath + "' border=0/>");
$("#btnPrint").show();
}).attr('src', this);
});
この行は、/ images/1Z520777777779.gifのような画像パスを返します。
したがって、上記のコードによってjqueryを使用して画像パスが変数に格納されている場合に画像をプリロードする方法を教えてください。ありがとう