有没有办法在不同的滚动点改变不同的图像？

是的，可以通过使用JavaScript和CSS来实现在不同的滚动点改变不同的图像。

首先，你可以使用JavaScript来监听滚动事件，并根据滚动的位置来改变图像。可以通过window.addEventListener来添加滚动事件的监听器。在事件处理函数中，可以通过window.scrollY获取当前的滚动位置。

然后，你可以使用CSS来切换图像。可以通过给图像元素添加不同的类来改变其背景图像。可以使用element.classList.add和element.classList.remove来切换类名。在CSS样式中，可以为不同的类添加不同的背景图像，从而实现在不同的滚动点改变不同的图像。

下面是一个示例代码：

HTML:

<div id="image"></div>

CSS:

#image {
  width: 200px;
  height: 200px;
  transition: background-image 0.3s ease-in-out;
}

.image-1 {
  background-image: url(image1.jpg);
}

.image-2 {
  background-image: url(image2.jpg);
}

.image-3 {
  background-image: url(image3.jpg);
}

JavaScript:

window.addEventListener('scroll', function() {
  var imageElement = document.getElementById('image');
  var scrollPosition = window.scrollY;

  if (scrollPosition < 500) {
    imageElement.classList.remove('image-2');
    imageElement.classList.remove('image-3');
    imageElement.classList.add('image-1');
  } else if (scrollPosition < 1000) {
    imageElement.classList.remove('image-1');
    imageElement.classList.remove('image-3');
    imageElement.classList.add('image-2');
  } else {
    imageElement.classList.remove('image-1');
    imageElement.classList.remove('image-2');
    imageElement.classList.add('image-3');
  }
});

在这个示例中，滚动位置小于500时显示image1.jpg，滚动位置在500到1000之间时显示image2.jpg，滚动位置大于1000时显示image3.jpg。你可以根据需要调整滚动位置和图像。

希望这个示例能够帮助你实现在不同的滚动点改变不同的图像。