画像を読み込む前に、画像が存在するかどうかを確認するためにajaxを使用しようとしています。私はそれをほとんど機能させていますが、エラー内の変数を設定しています:そして成功:ajaxのタグであり、それは私のimg変数を変更していません。これらのタグを介して残りの機能を実行する方法はありますか?
function getImage(imageNum)
{
var img;
$.ajax({
url:imageLocation + imageNum + '.png',
type:'HEAD',
error: function()
{
img = 0;
},
success: function()
{
var img = $('<img />', {
src: imageLocation + imageNum + '.png',
class: 'image',
id:'image' + imageNum});
return img;
}
});
console.log(img);
return img;
}
了解しました。AJAXを使用する理由がない場合は、画像タグのみを使用します。問題は、変数が関数内で何かを変更していないことです。これが例です。
function getImage(imageNum)
{
var img;
var success = 10;
var img = $('<img />', {
src: imageLocation + imageNum + '.png',
class: 'image',
id:'image' + imageNum,
success: function () {
success = 1
},
error: function () {
success = 0;
}
});
console.log(success);
if(success = 1)
return img;
else
return 0;
}
function loadImage(imageNum)
{
var img = getImage(imageNum);
if(img != 0)
{
$('#slider').imagesLoaded( function () {
$("#slider").append(img);
loadImage(imageNum + 1);
});
}
else
return;
}