# album

**Repository Path**: fishfishh/album

## Basic Information

- **Project Name**: album
- **Description**: oc展馆的内嵌html
- **Primary Language**: Unknown
- **License**: Zlib
- **Default Branch**: master
- **Homepage**: http://blog.fish.kesug.com/album/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-09
- **Last Updated**: 2026-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# album

## 介绍

OC展馆的内嵌HTML页面，是一个精美的图片画廊展示应用。该项目提供了一个功能丰富的照片展览界面，支持轮播展示、精选图片、瀑布流布局等多种展示方式，并配有樱花飘落的动态视觉效果。

## 软件架构

- **前端框架**：原生 HTML5 + CSS3 + JavaScript
- **展示布局**：
  - 轮播图（Carousel）：自动/手动切换的图片展示
  - 精选区域（Featured Grid）：精选内容网格展示
  - 相册网格（Albums Grid）：相册缩略图网格布局
  - 瀑布流（Waterfall）：瀑布流 masonry 布局
- **交互功能**：
  - 相册详情页：点击查看相册详细内容
  - 图片灯箱（Lightbox）：大图预览、导航切换
  - 樱花飘落效果：动态视觉装饰

## 功能特性

- 🎠 轮播图展示：支持自动播放和手动切换
- 🖼️ 多视图画廊：精选、网格、瀑布流多种布局
- 🔍 图片灯箱：支持大图预览、键盘导航
- 🌸 樱花效果：浪漫的樱花飘落动画
- 📱 响应式设计：适配不同屏幕尺寸

## 使用说明

1. 直接在浏览器中打开 `album.html` 文件
2. 点击轮播图导航按钮切换展示内容
3. 点击精选/相册区域进入详情页
4. 点击图片打开灯箱视图
5. 使用灯箱的左右按钮或键盘方向键浏览图片

## 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

## 开源协议

本项目仅供学习交流使用。