Javascript 在旋转图像上放置图标/文本

您好，我正在使用jQuery reel在我的网站上显示伦敦一个站点的三维视图。

现在我想在5个确切位置添加一些动态图标和文本。我可以像这样在一张图片上放置图标，但我如何才能为所有图片设置图标，以便覆盖图标和文本与背景站点图片一起移动。这是大约40张图片

谁能帮忙吗。

---

谢谢

没有一种自动完成的方法。动画基于一系列图像，这些图像不一定以特定方式相关

首先，您需要映射坐标或每个单独的图像

其次，您需要捕获切换图像的事件，并相应地移动图标。我还没有看到支持这个的插件，尽管我可能弄错了

---

他们在中完成，但看起来他们使用的是单个图像。

我已经用注释完成了

它在花园里

$（“#卷轴图像”）
.卷轴({
图片：'sitePlans/####.png'，
帧：20，
速度：0，
注释：{
“测试”：
{
x:[286350400450500550600650700750800850900950]，
y:[187150100150100150100150100150100150]，
链接：
{
text:'这是测试文本'，目标：''u blank'，
href:“#”
}
}
}
});

您尝试过什么吗？正如我在问题中提到的，我可以将图标放在一张图像上。当它旋转时，该位置的坐标将不同。我想根据图像改变位置。任何想法都会非常感谢你的回答。是的，这是一张全景图片，他们在上面放置了静态文本/链接。

$('#reel-image')
    .reel({
        images: 'sitePlans/<%=siteID%>/###.png',
        frames: 20,
        speed: 0,
        annotations: {
            'test':
            {
                x: [286,350,400,450,500,550,600,650,700,750,800,850,900,950],
                y: [187,150,100,150,100,150,100,150,100,150,100,150,100,150],
                link:
                {
                    text: 'This is test text', target: '_blank',
                    href:'#'
                }
            }
        }
    });