Javascript jquery：如何在加载图像数组中的每个图像时淡入淡入？

我对Jquery真的是一个新手，但是，我已经做了研究并努力做到这一点。我已经成功地制作了一个图像来实现我的目标：

• 预加载映像（img=newimage（）；$（img）.attr（'src'，someurl）；）
• 将其附加到容器中
• 在图像中淡入淡出（使用.hide（）和.fadeIn（500））
• 加载时，添加一些类并在加载动画时隐藏.gif图像

使用此代码：

var img=newimage（）；
$（img）.attr（'src'，'images/thumbnails/thumb1.png'）.attr（'alt'，'thumbnails'+1）；
$（img）.appendTo（$（'.thumbnail'））.hide（）.fadeIn（400）；
$（'.thumb img'）.load（函数（）{
$（'.loader'）。淡出（300）；
$（this.addClass（“thumbimage”）；
});可能与“.thumbnail img”、“thumbimage”有一些混淆。和“砰的一声”。按照您的布局，这三种方法是否都正确使用

最后，在$（this.addClass（“thumbimage”）中替换为“thumbimage”；您可能需要使用“拇指img”。
可能重复的
['url1', 'url2'].forEach(function(imageUrl){

    var img = new Image();
    $(img).attr('src', imageUrl).attr('alt', 'thumbnail' + 1);
    $(img).appendTo($('.thumbnail')).hide().fadeIn(400);
    $('.thumb img').load(function(){
      $('.loader').fadeOut(300);
      $(this).addClass("thumbimage");
    });

});