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

请注意，如果您的页面的文档类型不是 HTML5，则 ID 必须以字母开头，并注意字符串文字 wdith中的拼写错误应该是width.

于 2012-08-25T02:48:44.937 回答