如何使 SharePoint Online 现代 UI 中的图像可单击以更改页面本身的内容？

Question

我是 SharePoint 新手，我正在寻找一种在网站页面中创建可单击 SVG 部分的方法。单击 SVG 部件时，我希望与该部件相关的特定内容显示在同一页面上。本质上，当我单击 svg 的另一部分时，我希望之前显示的内容隐藏，并且与新单击的部分相关的内容显示为隐藏和显示。

我已附上图片以供参考。本质上，我希望能够单击每个形状并在同一页面上显示相应的内容。

示例形状图

我已经坚持这个问题好几个星期了，我在网上找到的任何东西似乎都不适合我的特定场景。任何有关如何实现这一目标的帮助将不胜感激。

我探索了各种选项，例如快速链接、英雄部分和图像 Web 部件，但没有一个满足我的要求。我什至尝试使用图像映射插件，但它与现代 UI 不兼容。

Answer 1

不完全是您正在寻找的内容，但如果您可以将图片编辑为背景（如果您可以编辑文本以不干扰图像的主要图案），那么它就可以工作：

1. 将部分添加到 SPO 页面
2. 使它们可折叠并将默认显示设置为“折叠”
3. 在设置焦点时添加图像作为背景