带有热点的 JQuery 360° 产品视图

Question

我需要一个用于HTML网站的360视图产品脚本。但我刚刚找到了我想要实现的360视图的Flash版本！http://www.auris-hybrid.de/index_en.asp#/model

有类似这种交互的JQuery风格吗？

我正在使用Jquery Reel进行360视图，或者它是否有其他Jquery可以用Reel实现并获得我想要的热点？

Answer 1

如果你不介意使用一些PHP，AJAX-ZOOM甚至提供了一种通过拖拽来定义热点的方法；放置在线编辑器：http://www.ajax-zoom.com/examples/example33.php

Answer 2

Reel允许您从1.2开始免费使用其Annotations功能来实现这一点。见几个示例（标有*）

您基本上可以在使用annotations选项启动Reel时设置热点。例如，在图像上从左上角向右100像素和向下25像素的位置插入一个静态HTML链接"查看门把手特写"：

.reel({
    // your Reel options as usual
    annotations: {
        "door_handle": {
            link: {
                text: "See door handle clouse-up",
                href: 'some_your_action_or_link'
            },
            x: 100,
            y: 25
        }
    }
})

请参阅批注的wiki页面，了解如何定义动态帧同步批注以及如何为其设置样式。