在Discuz社区中，为图片添加热点链接（即图片映射）可以通过HTML的`<map>`和`<area>`标签来实现。以下是一个简单的示例，展示如何为图片添加热点链接：
### 示例代码
- <img src="your-image.jpg" alt="Example Image" usemap="#image-map">
- <map name="image-map">
- <area shape="rect" coords="34,44,270,350" href="https://www.dz-x.net" alt="Link 1">
- <area shape="circle" coords="337,300,44" href="https://www.dz-x.net" alt="Link 2">
- <area shape="poly" coords="488,79,523,79,523,114,488,114" href="https://www.dz-x.net" alt="Link 3">
- </map>
### 解释
1. **`<img>`标签**：用于显示图片，`usemap`属性指定了与之关联的`<map>`标签。
2. **`<map>`标签**：定义了图片的热点区域，`name`属性与`<img>`标签的`usemap`属性对应。
3. **`<area>`标签**：定义了每个热点区域的形状、坐标和链接。
- `shape`属性：定义热点区域的形状，可以是`rect`（矩形）、`circle`（圆形）或`poly`（多边形）。
- `coords`属性：定义热点区域的坐标。对于矩形，格式为`x1,y1,x2,y2`；对于圆形，格式为`x,y,radius`；对于多边形，格式为`x1,y1,x2,y2,...,xn,yn`。
- `href`属性：定义点击热点区域后跳转的链接。
- `alt`属性：为热点区域提供替代文本。
### 在Discuz中的应用
在Discuz中，你可以通过以下步骤为帖子中的图片添加热点链接：
1. **进入帖子编辑页面**：在发帖或编辑帖子时，切换到“源码”模式（通常是一个`<>`按钮）。
2. **插入图片**：使用`<img>`标签插入图片。
3. **添加热点链接**：在图片下方添加`<map>`和`<area>`标签，定义热点区域和链接。
4. **发布帖子**：保存并发布帖子，用户点击图片的热点区域时将会跳转到指定的链接。
### 注意事项
- **坐标获取**：你可以使用图像编辑工具（如Photoshop）来获取热点区域的精确坐标。
- **兼容性**：确保在不同的浏览器和设备上测试热点链接的功能，以确保兼容性。
通过这种方式，你可以在Discuz社区中为图片添加热点链接，增强用户体验。如果你有更多问题或需要进一步的帮助，请随时联系我！
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。 |
【西瓜】微信登录 83.7(xigua_login)2001 人气#Discuz!插件模板![[Discuz]超级精美的DIY模板分享，总有一款适合你~](https://static.dz-x.net/block/65/65dc8becd3016e391ac7fddc08a6bff4.jpg)
[Discuz]超级精美的DIY模板分享，总有一款99 人气#Discuz!插件模板![[绝版插件][Discuz各版本通用]乐猫顶部导航增强（lecat_topnav）](https://static.dz-x.net/block/be/beadb64687ee8773aecbd36f312f9f6a.jpg)
[绝版插件][Discuz各版本通用]乐猫顶部导航109 人气#Discuz!插件模板![用户动态滚动弹幕 2.7(popbarrage)[仿LightSNS]](https://static.dz-x.net/block/e2/e2439b427212896c654c3ec5c459c826.jpg)
用户动态滚动弹幕 2.7(popbarrage)[仿Light1661 人气#Discuz!插件模板![[1314]萌化隐藏回帖可见 V1.0.3(freeaddon_moeyc)[纯净版]](https://static.dz-x.net/block/5f/5fa6d16d24a90b3671e7931cc7da0616.jpg)
[1314]萌化隐藏回帖可见 V1.0.3(freeaddon_424 人气#Discuz!插件模板![克米设计-APP手机版v3.6全套插件模板2025版再更新版干净优化版[大量美化优化整理版 20250305版]](https://static.dz-x.net/block/95/95034d6ef29f6ae26b0087e331184515.jpg)
克米设计-APP手机版v3.6全套插件模板2025版853 人气#Discuz!插件模板
/1 
AI智能体
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
