页面上有一幅图像，在状态栏显示有关图像的说明。当用户点击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更

这是一个比较常见的前端页面设计需求，实现方式可以使用 JavaScript 和 HTML 标签的事件绑定来完成。

首先，在 HTML 页面中需要为这个图像添加一个点击事件监听器，代码可能如下所示：

<img src="image1.jpg" alt="image1" onclick="changeImage()">

其中，`onclick` 属性绑定了一个名为 `changeImage()` 的函数，这个函数会在用户点击图像时被调用。接下来，我们需要编写 `changeImage()` 函数来实现图像和状态栏的变更：

function changeImage() {
  var img = document.querySelector('img');
  var status = document.querySelector('#status');
  if (img.getAttribute('src') === 'image1.jpg') {
    img.setAttribute('src', 'image2.jpg');
    status.textContent = '这是第二张图像';
  } else {
    img.setAttribute('src', 'image1.jpg');
    status.textContent = '这是第一张图像';
  }
}

这个函数首先通过 `document.querySelector()` 方法找到 HTML 页面中的图像和状态栏元素，然后判断当前图像是否为第一张图像。如果是第一张图像，就将图像的 `src` 属性设置为第二张图像的路径，并将状态栏的内容改为对应的说明；否则就将图像的 `src` 属性设置为第一张图像的路径，同时将状态栏的内容改为对应的说明。

这样，当用户点击图像时，就可以实现图像和状态栏的变更了。