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

Question

嗨，我正在使用jQuery卷轴在我的网站上显示一个网站在伦敦的三维视图。这是一个例子。

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

有人能帮忙吗。谢谢

Answer 1

我是用注解来做的。

它在文档中。

$('#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:'#'
                }
            }
        }
    });

Answer 2

没有一种自动的方法可以做到这一点。动画是基于一系列的图像，这些图像不一定以特定的方式相关。

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

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

他们在一个例子中这样做，但是看起来他们使用的是一个图像。