> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ahaslides.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 使用 Interactive Image 幻灯片

> Interactive Image 让您在图片的特定位置添加备注，观众可在自己的手机上点击每个热点，按自己的节奏阅读。

Interactive Image 把一张图片变成观众可以自行探索的内容。您上传一张图片，在关键位置添加备注，每个人都可以在自己的手机上点击这些位置，按自己的节奏阅读。这是一种自定节奏的内容幻灯片——没有问题、没有计时器、没有分数——因此在您讲解期间，它可以按现场需要一直保持显示。

<Frame>
  <img src="https://mintcdn.com/ahaslides/V-i-BAtXbf1cWHgF/images/interactive-image-preview.png?fit=max&auto=format&n=V-i-BAtXbf1cWHgF&q=85&s=aa4b90ac1cecef699478c23fb5e3aac2" alt="演示中的 AhaSlides Interactive Image：演示者屏幕上是一张公路自行车照片，旁边的手机显示着带编号的热点及其备注" width="1920" height="1080" data-path="images/interactive-image-preview.png" />
</Frame>

## Interactive Image 速览

| | |
| - | - |
| 类型 | 不计分：没有问题、计时器或分数 |
| 位置 | **新幻灯片**，然后在幻灯片类型选择器中选择 **Interactive Image** |
| 限制 | 一张图片，最多八个热点；标题最多 40 个字符，备注最多 150 个字符 |
| 自定节奏 | 是，每个人在自己的手机上点击并阅读 |

## 如何运行 Interactive Image

在上传的图片上放置最多八个**热点**。每个热点包含一条简短备注——一个标题加一两句话——标记按您添加的顺序编号。演示时，每位参与者都会在手机上看到完整图片，并可按任意顺序、任意次数点击任一标记以打开其备注。再次点击标记会关闭该备注。

<Frame>
  <img src="https://mintcdn.com/ahaslides/wJ1GvGkoLZ_3Etc-/images/interactive-image-add-slide.png?fit=max&auto=format&n=wJ1GvGkoLZ_3Etc-&q=85&s=ed108b46ec9151145817ffefa76821f4" alt="AhaSlides 幻灯片类型选择器，突出显示了 Interactive image 磁贴" width="1920" height="1080" data-path="images/interactive-image-add-slide.png" />
</Frame>

<Steps>
  <Step title="添加幻灯片">
    在编辑器中，点击 **新幻灯片** (New slide)，然后从幻灯片类型选择器中选择 **Interactive Image**。
  </Step>

  <Step title="上传您的图片">
    添加一张图片——图表、地图、产品截图或照片。它会铺满整张幻灯片，所以请选择值得探索的内容。
  </Step>

  <Step title="放置您的热点">
    点击图片上的任意位置即可添加热点，最多八个，顺序即您希望大家浏览的顺序。拖动标记可重新定位，也可删除一个标记以腾出名额。
  </Step>

  <Step title="撰写每条备注">
    为每个热点设置一个标题（最多 40 个字符）和一条备注（最多 150 个字符）。计数器会显示剩余字符数。请让每条备注都能独立成立，因为大家会以任意顺序阅读。
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/ahaslides/j_7KRMcwIV3bwpkd/images/interactive-image-upload.png?fit=max&auto=format&n=j_7KRMcwIV3bwpkd&q=85&s=fc6aa3894b7cc506140604669f090cfb" alt="AhaSlides Interactive Image 编辑器，公路自行车照片上有四个带编号的热点，并突出显示了热点面板" width="1920" height="1080" data-path="images/interactive-image-upload.png" />
</Frame>

### 预览和演示

先点击顶部标题栏中的 **预览** (Preview)，查看演示者视图和参与者视图。演示时，图片会铺满主屏幕，标记在会场后排也清晰可读。在大屏幕上打开某条备注不会控制任何人的手机——每个人都按自己的速度继续阅读。

## Interactive Image 的使用创意

Interactive Image 适合所有这样的场景：图片承载着细节，您希望大家去探索它，而不是对它投票。

### 教育

* **图表与解剖结构**——标注系统的各个部分，让学生点击每个部分了解其运作方式。
* **地图与时间线**——在地点或日期上添加背景信息，供大家自主学习。

### 培训和工作坊

* **流程演练**——在一张图片上标出工作流程或安全布局的每个步骤。
* **产品导览**——为截图添加注释，让学员按自己的节奏探索界面。

### 会议和活动

* **组织架构图或平面图**——让大家四处点击，找到与自己相关的内容。
* **丰富的视觉内容**——把信息密集的信息图变成大家可以在自己设备上阅读的内容。

## Interactive Image 与 Pin on Image 的区别

两者都以图片为基础，但用途截然相反。使用 **[Pin on Image](/cn/using-slide-types/using-the-pin-on-image-slide)** 时，由观众放置图钉来作答，您会得到实时热力图。使用 Interactive Image 时，则由*您*放置图钉，观众点击阅读——它用于传递信息，而不是收集信息。

**有疑问？**

请联系我们的支持团队：如果您已登录，请使用控制面板右下角的聊天图标；如果尚未登录，请[在此联系我们](https://ahaslides.com/contact-us/)，或发送邮件至 [hi@ahaslides.com](mailto:hi@ahaslides.com)。

想与其他用户交流？欢迎加入 [AhaSlides 社区](https://community.ahaslides.com/)，分享使用技巧、提出功能建议，了解其他人如何与观众互动。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.