使用 Jquery 每 5 秒用三张照片更改 img src

Question

图片是

1. sf.jpg
2. sf2.jpg

3. sf3.jpg

每 5 秒更改一次以上 img src 在前 5 秒图像应该是 sf.jpg 在第二个 5 秒图像应该是 sf2.jpg 在第三个 5 秒图像应该是 sf3.jpg

它应该永远重复工作

Answer 1

检查下面的代码sn-p。

我在 2 秒后更改了 alt 属性。在您的代码中将 alt 替换为 src。

$(window).on('load', function() {
  let src = ['image_1.jpg', 'image_2.jpg', 'image_3.jpg', 'image_4.jpg'];
  let i = 1;
  setInterval(function() {
    $('img').prop('alt', src[i]);
    if (i !== src.length)
      i++;
    else
      i = 0;
  }, 2000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src='image_1.jpg' alt='image_1.jpg' width='200' height='200' />

希望，它对你有用。 :) :)