如何将我的图像淡入容器？

Question

我想将我的图像显示在imageContainer中，但我不能用我的代码来做。这是我的代码：

document.getElementById("imageContainer").innerHTML='<img src="'+data[3].pic+' " class= "imgbig">';

我尝试过类似的东西但没有工作。

$(document.getElementById("imageContainer").innerHTML='<img src="'+data[3].pic+' " class= "imgbig">').fadeIn("slow");

我如何做到这一点？

Answer 1

尝试使用.appendTo()来取回附加的对象

$('<img>', {'src': data[3].pic, 'class' : 'imgbig'})
      .appendTo("#imageContainer")
        .hide().fadeIn("slow");

Answer 2

稍微冗长和jQuery'ish可能有帮助

var img = $('<img />', {
              src     : data[3].pic,
              'class' : 'imgbig'
          });

img.hide();

$('#imageContainer').html(img);

img.fadeIn('slow');