html中图片自动变换代码

HTML中的图片自动变换，可以通过设置定时器来实现。下面是一个简单的图片自动变换的代码：

<div id="image">
  <img src="1.jpg" alt="image1">
</div>
<script>
  var index = 1;
  setInterval(function(){
    index++;
    if(index > 3) index = 1;
    var img = document.querySelector("#image img");
    img.src = index + ".jpg";
    img.alt = "image" + index;
  },2000);
</script>

在上面的代码中，我们通过定时器 setInterval() 来每隔一段时间将图片的路径和 alt 属性值更改，以实现图片轮播的效果。在这个例子中，我们设置每 2 秒更改一次图片。

要使用这个代码，只需将其复制并粘贴到 HTML 文件的适当位置，将图片的路径更改为您想要的图片，然后就可以实现图片自动变换的功能了。