使用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

请查看以下代码段。

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

＆＃13;

＆＃13;

$(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);
});

＆＃13;

<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' />

＆＃13;

＆＃13;

＆＃13;

希望，它适合你。 :)：）