项目简介link

The Ext 是一款面向摄影师和创意机构的静态作品集模板，提供 6 种首页变体（Hero 轮播、YouTube 背景视频、Vimeo 背景视频、HTML5 本地视频、单图波浪动画等），内置作品轮播、新闻轮播、服务折叠、评价展示等模块，可直接通过浏览器打开使用。

技术栈link

• 静态 HTML/CSS/JS（无需构建工具）
• jQuery（DOM 操作与插件生态）
• Slick Carousel / Owl Carousel（轮播组件）
• Magnific Popup（图片弹窗）
• Canvas 动画（wave.js 波浪特效）
• contact.php（表单后端处理，需 PHP 环境）

项目结构link

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/      ← 官方文档

核心文件说明link

• 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 环境

快速开始link

直接用浏览器打开 The-Ext-v1-2-Template/ 下的任意 index-*.html 即可预览。若需要表单功能，需将整个模板目录部署到支持 PHP 的服务器，修改 contact.php 中的 $myemail 为实际收件地址。

使用建议link

替换 img/ 目录下的占位图片为自己作品素材；通过 CSS 注释索引（style.css 前 43 行）快速定位要修改的模块；波浪动画页面（index-SINGLE-IMAGE-WAVE.html）适合作为视觉冲击力强的落地页。