Photo-Pick 互动示例

看看你的在线相册能呈现什么效果

打开实际相册，对比布局，体验点赞、品牌定制、访问权限和分享方式，再制作自己的相册。

浏览实际相册 免费创建相册
无需插件 无需额外引入 JavaScript 或 CSS 库，即可分享或嵌入相册
适配各种屏幕 相册可以适配电脑、平板和手机
自定义访客操作 设置访客如何反馈、如何结束浏览，以及接下来去哪里
打开实际示例
网格图片库预览 网格图片库 照片投票预览 照片投票 品牌相册预览 品牌相册 拍立得布局预览 拍立得风格选片
相册功能

选择想要的相册体验

每个示例都是真实可用的 Photo-Pick 相册。打开任意示例，就能看到访客实际看到的页面。

带有爱心按钮的相册 打开示例
轻松选片

爱心反馈

访客可用爱心标记喜欢的照片。你也可以选择仅点赞、点赞和点踩、使用复选框，或关闭反馈功能。

布局与主题

选择适合照片的布局

对比六种展示方式，从逐张浏览大图到紧凑网格和有趣的拍立得相框。

单张展示的相册布局 查看布局
01

单张展示

逐张展示大图，方便专注查看每张照片。

网格相册布局 查看布局
02

网格

均匀排列照片，方便快速浏览大量图片。

方形相册布局 查看布局
03

方形

将图片裁成大小一致的方形，整齐排列。

圆形相册布局 查看布局
04

圆形

以有辨识度的圆形展示人像或轻松活泼的照片合集。

显示图片名称的拍立得布局 查看布局
05

拍立得 · 名称

经典的拍立得相框，清楚显示图片名称。

带选片控件的拍立得布局 查看布局
06

拍立得 · 选片

在拍立得相框中展示照片，方便访客快速选片。

适用于网站和博客

用 HTML 嵌入在线相册

相册由 Photo-Pick 托管，可节省服务器空间，无需额外安装图片库插件或引入样式表。使用示例代码时，请将两处 YOUR_LINK_ID 替换成你的相册链接 ID。

查看网站分享指南
HTML
<a href="https://www.photo-pick.com/online/YOUR_LINK_ID.link">
  <img src="https://www.photo-pick.com/online/linkedLogo?linkId=YOUR_LINK_ID" alt="查看相册">
</a>
随时可以开始

把照片整理成可分享的相册

创建相册，选择布局和交互方式，然后用一条链接分享。

免费创建相册 查看使用教程