Wildone - Photography Portfolio Template

# 项目简介 Wildone 是一款面向摄影师与视觉艺术家的作品集 HTML 模板，采用全屏视觉展示风格，提供超过 10 种首页变体（包括图片轮播、云层飘动、胶片颗粒、故障艺术、波浪动效及视频背景等），适合快速搭建个人品牌或作品展示页面。 ## 技术栈 - 静态 HTML5 + CSS3 - jQuery（处理交互动画、滚动效果） - Slick 轮播插件 - fullPage 全屏滚动组件 - Magnific Popup 灯箱 - PHP（仅用于联系表单邮件发送） ## 项目结构 ``` wildonehtml-13/ ├── Wildone-v1-3-Template/ # 模板主体 │ ├── index-*.html # 多种首页变体（8个） │ ├── contact.php # 联系表单后端处理 │ ├── css/ │ │ ├── style.css # 主样式表 │ │ ├── style-CLOUDS.css # 云层动效样式 │ │ ├── style-FILM-GRAIN.css # 胶片颗粒样式 │ │ ├── style-GLITCH.css # 故障艺术样式 │ │ ├── style-RAIN.css # 雨滴动效样式 │ │ ├── style-SPECIAL-EDITION*.css │ │ └── style-WAVE.css # 波浪动效样式 │ ├── fonts/ionicons/ # 图标字体 │ └── img/ # 背景图与素材 └── Wildone-v1-2-Documentation/ # 官方文档 ``` ## 核心文件说明 - `index-*.html` — 入口页面，根据需要选择对应动效版本 - `contact.php` — 处理联系表单提交，发送邮件到指定地址 - `css/style.css` — 基础样式与背景定义，模板核心 - `css/style-GLITCH.css` — 故障艺术视觉变体样式 - `css/style-SPECIAL-EDITION*.css` — 特殊版本样式（更深色调） - `css/plugins.css` — 第三方插件（Slick、fullPage、Magnific Popup）的样式定制 ## 快速开始 1. 选择 `Wildone-v1-3-Template/` 目录下任意 `index-*.html` 作为首页 2. 直接用浏览器打开该 HTML 文件预览效果 3. 如需联系表单功能，将页面中的表单 action 指向 `contact.php`，并修改文件内 `$myemail` 为真实邮箱 4. 替换 `img/` 目录下的图片素材为自己作品 ## 使用建议 模板提供丰富的视觉变体，建议根据个人摄影风格选择对应 CSS（暗调作品可选 GLITCH 或 SPECIAL EDITION 系列），并利用 Slick 轮播功能展示作品集；全屏视频背景变体需要自行替换视频源文件。