带有热点的 jQuery 360° 产品视图答案

【问题标题】：JQuery 360° Product View with Hotspots带有热点的 jQuery 360° 产品视图
【发布时间】：2023-03-11 03:59:01
【问题描述】：

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

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

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

【问题讨论】：

我认为你可以只用 css 做类似的事情。我的意思是，它仍然只是一系列精心拍摄的照片，没有任何神奇的 3D 效果。这可能会有所帮助。 romancortes.com/blog/pure-css-coke-can

标签： jquery jquery-plugins 360-degrees

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

您基本上可以在使用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
        }
    }
})

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

【讨论】：