yandex-gallery图像库无限滚动与预览功能
无限滚动的图像库 yandex-gallery，适合做图片展示页、作品集，甚至是懒加载画廊。配置也不复杂，npm i一装，npm start一跑，浏览器里直接看效果，挺顺手。
图像预览的交互体验还不错，点一下图片就能全屏预览，再加点小特效会更酷。你可以参考下图像全屏预览与加载特效，配合用效果更赞。
它的无限滚动功能也蛮实用，滑到底部自动加载下一批图片，像瀑布流一样。和infinite-scroll.js有点类似，但更轻量。
如果你还想加个图像拖动预览的功能，也可以看看ImageMove 图像拖动控件，配合 canvas 或者 div 容器用都行。
要跑它的测试的话，用的是 Gemini 套件，先来一波 yarn selenium:install 安装依赖，再开个新终端跑 yarn selenium:start 和 yarn test:gemini 就行，操作还算直观。
哦对了，它也支持用yarn起项目，习惯用哪种包管理器都没问题。如果你是做前端项目需要图像滚动+预览的，那这套代码库值得一试。
文件大小：269.04KB
评论区