html三张图片自动轮播不用css

可以使用HTML的`<img>`标签和JavaScript来实现三张图片的自动轮播。具体做法如下：

1. 在HTML中创建一个`<div>`容器用于显示图片，并在其中添加三个`<img>`标签，分别设置它们的`src`属性为三张图片的URL地址，同时设置它们的`display`属性为`none`，使它们一开始不可见。

<div id="slideshow">
  <img src="img1.jpg" style="display:none;">
  <img src="img2.jpg" style="display:none;">
  <img src="img3.jpg" style="display:none;">
</div>

2. 在JavaScript中编写轮播函数，用于定时切换图片。具体来说，可以使用一个计数器变量`index`来记录当前显示的图片的索引，然后每隔一定时间（比如3秒）将其加1，并根据计数器变量的值来显示对应的图片，同时将其他图片隐藏。

var index = 0; // 当前显示的图片索引

function slideshow() {
  var images = document.getElementById("slideshow").getElementsByTagName("img");
  images[index].style.display = "none"; // 隐藏当前显示的图片
  index = (index + 1) % images.length; // 计算下一张要显示的图片的索引
  images[index].style.display = "block"; // 显示下一张图片
}

setInterval(slideshow, 3000); // 每隔3秒调用一次轮播函数

3. 在HTML中添加一个启动轮播的按钮，用于在用户点击时开始自动轮播。

<button onclick="setInterval(slideshow, 3000);">Start Slideshow</button>

这样就可以实现三张图片的自动轮播，而不需要使用CSS。