CoffeeCup Image Mapper

描述

CoffeeCup Image Mapper 允许您指定多个链接（或热点）到图像的特定位置，并将它们指向文档或网站。创建鼠标悬停文本、ALT 文本、链接等。支持JPG、PNG和GIF图像格式！

那么它是怎样工作的？假设您正在销售几件可供抢购的家具。展示图片中的物品。然后使用设计工具，在特定项目上绘制轮廓并为其分配网站地址。现在，当有人点击一件家具时，他们会被重定向到与其关联的网页以获取更多信息。

将相同的技术应用于其他类型的图像，如地图、公司团队照片、流程图、艺术画廊等。非常棒对吧？ :)

响应式图像地图对移动用户很友好

超过 51% 的流量来自移动设备，因此更新图像地图以使其具有响应性非常重要。这使它们更容易、更快、更实用，以便在较小的屏幕上为观众导航。

响应式图像地图将根据显示宽度适当调整链接坐标。但是，要记住的一件事是，移动设备不允许鼠标悬停或悬停/鼠标悬停时的工具提示。因此，您需要创造性地重新思考图像映射的工作原理，以便用户本能地知道如何使用它。

你怎么能那样做？简单的。通过在地图附近显示“键”或“图例”（甚至将其添加到图像本身）以文本方式指出他们可以触摸的内容，使您的图像地图在移动设备上更具功能性。例如，这里的家具目录展示了目录中一些待售家具。我们在图片下方放置了文字来描述这 8 个项目。另一个指示符也应用于源图像。这些辅助工具可帮助移动观众了解可触摸的内容。通过触摸这些项目中的任何一个，您将被重定向到一个页面，您可以在该页面中浏览类似项目的目录。