Question

您好我正在使用jQuery卷轴在我的网站上显示伦敦网站的3D视图。 This is the example

现在我想在5个确切位置添加一些动态图标和文字。我可以在this之类的图像上放置图标，但是如何为所有图像执行此操作，以便叠加图标和文本与背景网站图像一起移动。这些是大约40张图片。

任何人都可以帮忙。感谢

Answer 1

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

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

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

他们在one example中执行此操作，但看起来他们在那里使用单个图片。

Answer 2

我用注释完成了。

它位于documentation。

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

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

2 个答案: