如何嵌入来自 Picasa、Flickr 和 Photobucket 的照片与幻灯片

照片能提升电子商务网站的效果。照片可以展示产品、客户甚至公司员工，能让网站更具个性化，并增加电子商务销售额。

但根据商家的电子商务平台，上传图片可能比较棘手，且在位置、数量和大小方面存在限制。为了克服这些限制，您可以尝试将照片上传到流行的图片分享服务，然后使用简单的 HTML 代码将它们嵌入到您的网站——可以单独嵌入、作为相册嵌入或作为幻灯片放映嵌入。

Picasa、Flickr和Photobucket是流行的照片分享服务。下面我将提供逐步说明，教你如何使用简单的HTML代码将这些网站的照片嵌入到你自己的网站中。

我使用了个人画廊中的照片来说明下面各个嵌入示例的不同美学风格。当您嵌入自己的图片或幻灯片时，您会发现嵌入的 HTML 代码相当长，它不仅仅是一个简单的 URL。

Picasa

Picasa 是一款功能强大的图像编辑和分享服务，但初始设置需要一些工作。一旦 Picasa 运行起来，您就可以分享单张图片、相册或幻灯片。

以相册形式嵌入

1. 要嵌入一个相册，首先访问Picasa网站，只需将此URL复制并粘贴到浏览器中：picasa.google.com。
2. 如果您尚未使用 Picasa，则需要下载并安装最新版本的 Picasa 软件，然后通过 Picasa 设置一个公开的 Google 个人资料。
3. 安装 Picasa 后，它会自动搜索您计算机上的所有照片并为您进行分类整理。
4. 在 Picasa 桌面软件中，只需选择您希望包含在相册或幻灯片中的照片。
5. 选中照片后，点击“上传”。
6. 接下来，访问 picasaweb.google.com，如果您没有自动登录，请登录您的 Picasa 网络账户。您可以在网页画廊的“我的照片”下找到您上传的相册。
7. 点击您的相册以显示其中的所有图片。然后，点击窗口右侧的“链接到此相册”按钮。
8. 点击“链接到此相册”按钮后，您将看到三个选项：两个用于直接分享相册的独立 HTML 代码，以及一个用于嵌入幻灯片的按钮。第一行 HTML 代码用于电子邮件或即时通讯分享；第二行 HTML 代码用于嵌入到您的网站。若要简单分享相册，请选中第二行代码并复制，然后将其粘贴到您网站或博客的源代码中。您的幻灯片效果大致如下所示：

以幻灯片形式嵌入

1. 要以幻灯片放映形式嵌入，请遵循上述步骤1-8，但只需点击“嵌入幻灯片放映”按钮。将弹出一个窗口，显示幻灯片放映的嵌入代码、大小、自动播放和标题选项。
2. 要分享幻灯片，请复制代码并将其粘贴到您网站或博客的源代码中。幻灯片效果大致如下所示：

嵌入单张图片

1. 要嵌入一张单张图片，同样遵循上述步骤1-7，但这次请点击相册中的单张图片。在窗口右侧你会看到“链接到此照片”按钮，点击它。
2. 您将获得两个独立的 HTML 代码用于分享：第一行 HTML 代码用于电子邮件或即时通讯分享；第二行 HTML 代码用于嵌入到您的网站。复制第二行代码并将其粘贴到您网站或博客的源代码中。单张图片嵌入效果大致如下所示：

Flickr

Flickr 是一款简单的网络工具，与 Picasa 不同，它不需要额外的软件或安装。通过其网络工具，您可以相对快速地嵌入幻灯片放映或单张图片。

以幻灯片形式嵌入

1. 要以幻灯片放映形式嵌入，首先访问免费的Flickr网站，只需将此URL复制并粘贴到浏览器中：www.flickr.com。
2. 如果您还没有 Flickr 账户，可以立即注册一个。您只需要一个 Yahoo! 或 Gmail 电子邮件账户即可。
3. 登录后，点击“上传您的第一张照片”按钮。
4. 接下来，点击“选择照片和视频”按钮。
5. 从您的计算机中选择要上传的照片。
6. 上传完成后，点击 Flickr 窗口右上角的“幻灯片”按钮。幻灯片将开始播放。
7. 在幻灯片中，点击右上角的“分享”按钮。将出现两行 HTML 代码，第二行代码即为嵌入代码。您可以在此处复制并粘贴，或者通过点击“自定义此 HTML”按钮调整大小。幻灯片效果大致如下：

嵌入单张图片

1. 要嵌入一张单张图片，只需选择你要添加到相册的照片。在图片内，从窗口顶部的“分享此内容”下拉按钮中选择“获取HTML/BBCode”按钮。
2. 选择您要嵌入的图片尺寸，然后将代码复制并粘贴到您网站的源代码中。嵌入的单张图片效果大致如下：

Photobucket

Photobucket 比 Flickr 和 Picasa 更加简洁。它没有提供大量的编辑工具，但使用非常简单，并且您可以获得与其他功能更强大的服务相同的单张图片、相册或幻灯片嵌入效果。

1. 首先访问 Photobucket，如果您还没有账户，请进行注册。复制并粘贴以下 URL 直接前往 Photobucket：www.photobucket.com。
2. 账户设置完成后，点击窗口顶部的“立即上传”按钮。选择要上传的照片并点击“保存”。
3. 您刚刚创建了一个照片相册。在该相册内，您可以嵌入单张图片、整个相册或幻灯片。

以幻灯片形式嵌入

1. 要将相册以幻灯片放映形式嵌入，你可以在窗口右侧“分享此相册”字段中找到HTML代码，该字段位于“HTML链接”文本旁边。
2. 点击 HTML 链接字段，代码将自动复制。将 HTML 嵌入代码粘贴到您的网站源代码中。Photobucket 始终会为相册创建用于嵌入的幻灯片，不提供以独立相册形式嵌入的方式。幻灯片效果大致如下：

嵌入单张图片

1. 要嵌入一张单张图片，只需将鼠标光标移到你想嵌入的图片上。会自动出现一个菜单，提供该图片的链接和代码。点击“HTML代码”字段，它将自动为你复制代码。将代码粘贴到你的网站源代码中。嵌入后的单张图片看起来可能像这样：