javascript - jQuery 图像旋转

Question

我的一个客户希望他在网站标题中的 Logo 与另一个 Logo 交替出现。

例如:

<img src="images/logo-1.png" style="display:block;" />

用 logo-2.png 替换它的最简单方法是什么

我们不需要一个庞大的脚本，只是一个简单的脚本，它每 10 秒淡出一个标志和另一个标志，并在 logo-1.png 和 logo- 之间旋转2.png

有 setInterval 和 fadeIn fadeOut 吗？我不太确定

谢谢

Answer 1

我相信这可能会更简单，但是如果许多插件都不能满足您的需求，您可以将这里的东西用作起点:

var img0 = "http://dummyimage.com/100x100/000/fff",
    img1 = "http://dummyimage.com/100x100/000/ff0000",
    current = false;
function switchImg() {
    $("#img").fadeOut(function() {
        $(this).attr("src", (current) ? img0 : img1).fadeIn();
        current = !current;
    });
}
setInterval(switchImg, 10000);

这是一个 working example .