Masonry Image Viewer · 瀑布流图片浏览器

本地图片瀑布流浏览器：选择一个文件夹，图片以瀑布流形式整齐展示。所有处理都在本机完成，图片不会上传。

本项目基于 wlm3201/Masonry_Image_Viewer 二次开发。

在线 Demo

👉 https://GZXyex.github.io/Masonry_Image_Viewer/

用 Chrome / Edge 打开，点击页面任意位置选择图片文件夹即可浏览。

功能特性

布局

• 纵向：按列数分列，图片等比缩放不裁剪
• 拼贴：不同尺寸卡片马赛克混排，等比缩放、少量裁剪填满
• 宽窄：宽窄栏交错分列，等比缩放不裁剪

外观

• 毛玻璃 / 极简 双主题切换
• 毛玻璃主题支持模糊强度调节（0–40，实时预览）
• 背景颜色、圆角、边框、列距 / 行距均可调节

浏览与管理

• 排序：默认 / 日期 / 大小 / 随机
• 自动滚动：向下 / 上下往复，速度可调
• 目录树：支持「让位 / 叠加」两种固定方式
• 图片选择、批量删除、按序号跳转、滚轮速度调节
• 渐进式加载，超大图库也能流畅浏览

使用方式

在线使用（推荐）：打开上方 Demo 链接，点击选择文件夹。

本地运行：双击 index.html，或起一个静态服务器：

python -m http.server 8000

然后访问 http://localhost:8000

说明

• 需要 Chrome / Edge（Chromium 内核）；Firefox / Safari 不支持 showDirectoryPicker
• 不支持安卓
• 图片全程在本机本地处理，不会上传到任何服务器
• 建议开启 chrome://flags 的 Smooth Scrolling 和 Overlay Scrollbars

截图