The Ext v1.2 - Photography Portfolio Template

# 项目简介 The Ext 是一款面向摄影师和创意机构的静态作品集模板，提供 6 种首页变体（Hero 轮播、YouTube 背景视频、Vimeo 背景视频、HTML5 本地视频、单图波浪动画等），内置作品轮播、新闻轮播、服务折叠、评价展示等模块，可直接通过浏览器打开使用。 ## 技术栈 - 静态 HTML/CSS/JS（无需构建工具） - jQuery（DOM 操作与插件生态） - Slick Carousel / Owl Carousel（轮播组件） - Magnific Popup（图片弹窗） - Canvas 动画（wave.js 波浪特效） - contact.php（表单后端处理，需 PHP 环境） ## 项目结构 ``` theexthtml-12/ ├── The-Ext-v1-2-Template/ ← 模板本体 │ ├── index-*.html ← 6 种首页变体 │ ├── contact.php ← 表单处理 │ ├── css/ │ │ ├── style.css ← 主样式（43 个章节） │ │ └── plugins.css ← 第三方插件样式 │ ├── js/ │ │ ├── the-ext.js ← 核心交互逻辑 │ │ ├── plugins.js ← 插件初始化 │ │ └── wave.js ← Canvas 波浪动画 │ ├── fonts/ ← ionicons 图标字体 │ └── img/ ← 占位图（背景、轮播图等） └── The-Ext-v1-2-Documentation/ ← 官方文档 ``` ## 核心文件说明 - `index-*.html` — 首页入口文件，共 6 个变体对应不同背景展示方式 - `css/style.css` — 主样式表，按功能分为 43 个章节（从重置到波浪动画） - `css/plugins.css` — Slick / Owl / Magnific Popup 等第三方 CSS - `js/the-ext.js` — 模板核心交互，含轮播、导航、视差等逻辑 - `js/wave.js` — Canvas 绘制动态波浪，覆盖全屏背景 - `contact.php` — 接收表单 POST，发送邮件，需部署在 PHP 环境 ## 快速开始 直接用浏览器打开 `The-Ext-v1-2-Template/` 下的任意 `index-*.html` 即可预览。若需要表单功能，需将整个模板目录部署到支持 PHP 的服务器，修改 `contact.php` 中的 `$myemail` 为实际收件地址。 ## 使用建议 替换 `img/` 目录下的占位图片为自己作品素材；通过 CSS 注释索引（`style.css` 前 43 行）快速定位要修改的模块；波浪动画页面（`index-SINGLE-IMAGE-WAVE.html`）适合作为视觉冲击力强的落地页。