Javascript jquery链fadein方法不工作

我正在尝试为主页创建一个网站横幅，它会淡出，然后淡入新图像。这些图像包含在一个数组中，我正在使用setInterval方法遍历它们

但是，我在淡入淡出方面有问题。图像正在更改，但没有达到jquery所期望的效果

当我检查控制台时，它显示以下消息：

$（…）.attr（…）.fadeIn不是函数

$（文档）.ready（函数（）{
var bannerImages=[
“banner1.jpeg”，
“banner2.jpg”，
“banner3.png”
];
var currentImage=0；
//每5秒更改一次横幅图像
setInterval（函数（）{
如果（currentImage>bannerImages.length-1）{
currentImage=0；
}
$（“.banner img”）.attr（“src”，bannerImages[currentImage]）.fadeIn（）；
currentImage++；
}, 5000)
})

var$banner=$（“.banner img”）
$banner.attr（“src”，bannerImages[currentImage]）；
$banner.fadeIn（）我在测试代码时没有收到错误消息。。。
对于淡出链，您必须链接淡出和淡出，在淡出回调中触发淡出：

HTML（我删除了src以便在第一张图像上显示fadein）：

JS:

.banner-img { display: none; }

$(document).ready(function() {

    var bannerImages = [
        "banner1.jpeg",
        "banner2.jpg",
        "banner3.png"
    ];
    var currentImage = 0;

    // First display
    $(".banner-img").attr("src", bannerImages[currentImage++]).fadeIn();

    // CHANGE THE BANNER IMAGE EVERY 5 SECONDS
    setInterval( function() {
        if (currentImage === bannerImages.length) {
            currentImage = 0;
        }
        $(".banner-img").fadeOut(function() {
            $(".banner-img").attr("src", bannerImages[currentImage++]).fadeIn();
        });
    }, 5000);
});

请发一条帖子。您还需要确切的其他信息吗？我对这个问题作了更详细的阐述。如果您需要更多的信息，请说明具体内容。谢谢。你不能像在jQuery中那样使用链接，在尝试设置图像src:
$（“.banner img”）.fadeIn（）.attr（“src”，bannerImages[currentImage]）之前调用
fadeIn（）
函数@jimmy118正是a所需要的。这是一个独立运行的示例，因此在您的例子中，HTML和任何其他适用的代码都是如此。@MasterYoda这样做时，我收到了相同的消息。控制台显示TypeError:$（…）。fadeIn不是一个函数
$(document).ready(function() {

    var bannerImages = [
        "banner1.jpeg",
        "banner2.jpg",
        "banner3.png"
    ];
    var currentImage = 0;

    // First display
    $(".banner-img").attr("src", bannerImages[currentImage++]).fadeIn();

    // CHANGE THE BANNER IMAGE EVERY 5 SECONDS
    setInterval( function() {
        if (currentImage === bannerImages.length) {
            currentImage = 0;
        }
        $(".banner-img").fadeOut(function() {
            $(".banner-img").attr("src", bannerImages[currentImage++]).fadeIn();
        });
    }, 5000);
});