Javascript将图像src更改为淡入淡出

Javascript change image src with fade out and in

本文关键字：淡入 淡出 图像 src Javascript      更新时间：2023-09-26

我是JavaScript的新手，我想在一个由4个图像组成的循环中动态地自动更改<img>的src，并使用淡入淡出。这个<img>标签有CSS类，所以用JavaScript很容易选择它。

HTML:

<img class="zawartosc_prawy_mac" src="prawy_1.png">

Javascript：

$(document).ready(setTimeout(function () {
                        $(".zawartosc_prawy_mac").each(function (i, e) {
                            $(this).attr("src", "prawy_2.png");
                        })
                    },5000));

我设法使它切换（多亏了Vladimir Drenovski），并为这个切换添加了一个延迟，但我不知道如何使它进入循环，以及如何使它轻松进出。

您可以使用Jquery通过以下代码轻松实现这一点：

$(".images-to-change-class").each(function(i, e){
     $(this).attr("src","image-location");
})

CCD_ 5表示保持图像的多个元素的类名。image-location represents您需要将src更改为.

的值
相关文章：