要根据不同屏幕分辨率设置滑块图像的断点，可以使用媒体查询和CSS代码来实现。以下是一个示例解决方案：

HTML代码：

CSS代码：

.slider {
  position: relative;
  overflow: hidden;
}

.slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .slider img.small {
    opacity: 0;
  }
}

@media screen and (min-width: 1024px) {
  .slider img.medium {
    opacity: 0;
  }
}

@media screen and (min-width: 1440px) {
  .slider img.large {
    opacity: 0;
  }
}

在上面的示例中，我们使用了三个不同分辨率的滑块图像（small.jpg、medium.jpg、large.jpg）。通过媒体查询，根据不同屏幕分辨率设置了不同的断点。

在小屏幕（小于768px）上，只显示small.jpg图像；在中等屏幕（768px至1023px）上，只显示medium.jpg图像；在大屏幕（1024px至1439px）上，只显示large.jpg图像。在超大屏幕（1440px及以上）上，不显示任何图像。

通过调整媒体查询中的分辨率范围和设置不同图像的opacity值，您可以根据自己的需求进行定制。