React照片库
简单的响应式照片库
创建图像网格,具体取决于您提供给它的图像数量
带有集成的灯箱(使用Swipper JS内置)
处理基本的键盘控制(适用于计算机用户)和移动设备的触摸控制
最小安装示例
要在本地构建一些示例,请克隆此存储库:git clone
然后安装依赖项并运行:npm install npm start
就本演示而言,您可以简单地运行React App,然后在浏览器中打开localhost:3000。 画廊将从加载图像。
默认情况下,将从picsum API加载23张图像(从ID 11开始)。 您可以使用“ picsumStartId”和“ numberOfImages”道具来玩这种行为:
打开“ /src/index.js”,然后如下更改此行(例如):
而已 !
怎么运行的
此布局使用一种算法将源图像流“拆分”为每个包含8张图像的不同块(div)。