JQuery 360° Product View with Hotspots

為{幸葍}努か 提交于 2019-12-11 13:42:32

问题


I need a 360 view product script for my HTML website. But I've just manage to found Flash version of 360 view that I wanted to achieve! http://www.auris-hybrid.de/index_en.asp#/model

Any JQuery style like this kind of interaction?

I'm using the Jquery Reel to do the 360 view, or is it have others Jquery that can implement with Reel and get the hotspot thing what I wanted?


回答1:


If you do not mind to use some PHP, AJAX-ZOOM even provides a way of defining hotspots with drag & drop in an online editor: http://www.ajax-zoom.com/examples/example33.php




回答2:


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.



来源:https://stackoverflow.com/questions/9306068/jquery-360-product-view-with-hotspots

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!