当前位置：文江博客话题详情

JQuery 360°带热点的产品视图

发布于 2025-01-06 20:16:14 字数 303 浏览 0 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

请爱~陌生人 2025-01-13 20:16:14

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

回复收藏 0 原文

苍景流年 2025-01-13 20:16:14

Reel 允许您从 1.2 开始使用其注释功能免费。查看一些示例（标有 *）

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

请查阅注释了解如何定义动态帧同步注释以及如何设置它们的样式。

Reel allows you to do this since 1.2 with its Annotations feature for free. See few examples (marked with *)

You basically can set up hotspots when starting Reel using the annotations option. For example this inserts a static HTML link "See door handle close-up" over the image at a place 100 pixels right and 25 pixels down from the upper-left corner:

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

Please consult the wiki page of Annotations for how to define dynamic frame-synced annotations and how to style them.

回复收藏 0 原文

~没有更多了~