imageArray[0] からの値で画像 src を補充する方法は?
$.getJSON("http://xxxx",function(data) {
var imageArray=[];
imageArray=data.images;
alert(imageArray[0]);
$('#loader').empty();
var imageOne= '<img style="display:none;" src="imageArray[0]" id="1" wdith="100" />';
$("#ajax_content").html(imageOne);
$('img#1').fadeIn();
});
以下のように imageArray[0] を補充したい
var imageOne= '<img style="display:none;" src="http://i2.cdn.turner.com/cnn/dam/assets/120824111207-storm-isaac-t1-main.jpg" id="1" wdith="100" />';
@おかげで未定義
それらすべてを配列に入れ、最初の画像のみを表示したい。後で、前/次のボタンを使用して次の画像に移動することに取り組みます。以下を機能するように修正できますか?
for (var i=0;i<imageArray.length;i++){
imageOne[i]='<img style="display:none;" src="'+imageArray[i]+'" id="i" wdith="100" />;';
}
$("#ajax_content").html(imageOne);
$('img#1').fadeIn();