JavaScript点击按钮，实现图片转换

在JavaScript中，你可以通过给按钮添加一个事件监听器，如`onclick`，当用户点击按钮时，触发一个函数，该函数可以操作图片并实现转换效果。这里有一个简单的示例，假设你想改变图片的src属性来切换图片：

<!-- HTML部分 -->
<img id="myImage" src="image1.jpg">
<button onclick="changeImage()">点击更换图片</button>

<script>
// JavaScript部分
function changeImage() {
  var img = document.getElementById("myImage");
  // 列举几个常见的图片路径
  var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
  // 获取当前索引，如果超过数组长度，则回到第一个
  var index = (img.getAttribute("data-index") || 0) % images.length;
  // 更改图片源，并更新数据索引
  img.src = images[index];
  img.setAttribute("data-index", index + 1);
}
</script>

在这个例子中，我们首先获取图片元素，然后定义了一个包含几张图片地址的数组。每次点击按钮，`changeImage`函数会获取当前图片的索引，循环遍历数组，设置新的图片源，同时更新一个隐藏的数据索引用于记录切换次数。