1

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();
4

2 に答える 2

0

src="imageArray[0]"に変更する必要がありますsrc=\"' + imageArray[0] + '\"。

現在、挿入しているのsrcは「imageArray [0]」だけです。の正しい値を挿入できるように、JavaScript で評価できるようにする必要がありますimageArray[0]。

于 2012-08-25T02:44:49.560 に答える
0 
$.getJSON("http://xxxx", function(data){
    var imageArray=[];
    imageArray = data.images;
    $('#loader').empty();
    for (var i = 0; i < imageArray.length; i++) {
        var img = '<img style="display:none;" src="'+imageArray[i]+'" id=img"'+i+'" wdith="100" />';        
        $("#ajax_content").append(img);
        $('#img'+i).fadeIn();
    }
});

アップデート：

var img = [];
for (var i = 0; i < imageArray.length; i++) {
    img[i] = '<img style="display:none;" src="'+imageArray[i]+'" id="'+(i+1)+'" width="100"/>';
}
$("#ajax_content").html(img[0]);
$('img#1').fadeIn();

ページの Doctype が HTML5 でない場合、ID は文字で始まる必要があることに注意してください。また、文字列リテラル wdithにタイプミスがあることに注意してくださいwidth。

于 2012-08-25T02:48:44.937 に答える