Javascript更改图像src淡出和中

Question

我是JavaScript的新手，我希望动态地更改src <img>动态的几个图像循环，其中4个使用淡入和淡出。这个<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）并为此开关添加延迟，但我不知道如何进入循环以及如何轻松进出。

Answer 1

您可以使用以下代码轻松使用Jquery实现该目标：

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

.images-to-change-class表示包含图像的多个元素的类名。 image-location represents将src更改为的所需值。