AI In Action
挑战
活动
学习路径
展示
排行榜
EN
登录
图片画廊 | AI In Action
挑战
图片画廊
官方
入门
Web 开发
3-5 hours
图片画廊
创建一个瀑布流图片画廊,支持灯箱查看、懒加载、无限滚动、分类筛选和流畅动画。支持图片缩放和键盘导航。
0 个赞
0 次 Fork
0 条评论
gallery
masonry
lightbox
lazy-loading
0
登录以跟踪进度
目标
构建响应式瀑布流布局
实现带缩放和导航功能的灯箱
添加带模糊占位图的懒加载
支持无限滚动分页
添加分类/标签筛选
提示
使用 CSS columns 或瀑布流库实现网格布局
使用 IntersectionObserver 实现懒加载
使用 Unsplash API 获取示例图片
资源
unsplash.com/developers
评论 (0)
登录
后发表评论。
暂无评论。成为第一个评论的人!
计算器应用
测验构建器