html怎么设置点击图片切换

HTML本身并不能直接实现图片的自动切换，但你可以结合JavaScript或者CSS以及HTML的事件处理机制来完成这个功能。以下是一个简单的示例：

1. 首先，在HTML中创建几张图片并添加链接到它们的容器上，比如`<div id="slider">`：

   <img src="image1.jpg" class="slide" onclick="showImage(0)">
   <img src="image2.jpg" class="slide" onclick="showImage(1)">
   <!-- 添加更多图片... -->

这里假设我们有两张图片，并通过索引来表示。

2. 接着，在JavaScript中编写函数`showImage(index)`来切换显示的图片：

   function showImage(index) {
     var slides = document.getElementsByClassName('slide');
     for (var i = 0; i < slides.length; i++) {
       slides[i].style.display = 'none'; // 隐藏所有图片
     }
     slides[index].style.display = 'block'; // 显示指定索引的图片
   }

3. 当用户点击不同的图片时，`showImage()`会被调用并更新显示状态。

如果你想要更现代、交互性强的效果，可以考虑使用库如jQuery或Bootstrap提供的轮播图组件，它们已经封装了图片切换的功能。