【问题标题】: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 页面,了解如何定义动态帧同步注释以及如何设置它们的样式。

    【讨论】:

      最近更新 更多