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

时间:2012-02-16 05:31:59

标签: jquery jquery-plugins 360-degrees

我需要为我的HTML网站提供360视图产品脚本。 但我只是设法找到了我想要实现的360度Flash视图! http://www.auris-hybrid.de/index_en.asp#/model

任何类似这种互动的JQuery风格?

我正在使用Jquery Reel进行360度视图,还是有其他Jquery可以用Reel实现并获得我想要的热点事物?

2 个答案:

答案 0 :(得分:1)

Reel允许您使用免费的Annotations功能从1.2开始执行此操作。查看几个examples (marked with *)

使用annotations选项启动Reel时,您基本上可以设置热点。例如,这会在图像上方插入一个静态HTML链接“查看门把手特写”,该位置右上角100像素,左上角25像素:

.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
        }
    }
})

请参阅Annotations的wiki页面,了解如何定义动态帧同步注释以及如何设置样式。

答案 1 :(得分:1)

如果您不介意使用某些PHP,AJAX-ZOOM甚至提供了一种使用拖放功能定义热点的方法。放入在线编辑器:http://www.ajax-zoom.com/examples/example33.php