Ideal Image Slider移动端纯JS幻灯片

手机端的图片滑动效果想做好，纯 JS 的 ideal image slider 还挺省心的。轻量、响应快、不依赖 jQuery，直接引入就能用，移动端滑动体验也不错，手势切换挺顺滑。

用的是响应式布局，图片能根据屏幕尺寸自适应显示，不管是手机、平板还是 PC，显示效果都还蛮稳的。像做电商首页、Banner 轮播，或者作品集展示，用它都挺合适。

初始化方式也简单，直接 new IdealImageSlider.Slider() 传个配置对象进去，比如 animation: 'fade' 或 interval: 3000，几行代码就能跑起来：

var slider = new IdealImageSlider.Slider('#slider', {
  interval: 3000,
  animation: 'fade'
});

它还支持一些扩展功能，像自动播放、页码指示器、预加载图像这些都能加，想复杂点的话也能自己写插件拓展。

要注意的是，虽然它对老浏览器也有兼容性支持，但你要是要支持古老的 IE，得测试下 CSS 样式。

如果你想做一个简单但不失灵活性的幻灯片，不想引一堆库，那 ideal image slider 值得一试。用在移动优先的项目里，体验确实还不错。