javascript - DJI这种360度产品展示效果是怎样做出来的？

Question

如题
http://www.dji.com/cn/product/phantom-2-vision/feature

Answer 1

参考：http://www.zhinengshe.com/works/3525/zns_demo.html

Answer 2

<img alt="vr list" class="reel img-responsive img-vr" data-cursor="" data-cw="true" data-draggable="true" data-footage="4" data-frames="72" data-images="//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_0.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_1.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_2.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_3.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_4.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_5.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_6.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_7.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_8.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_9.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_10.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_11.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_12.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_13.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_14.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_15.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_16.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_17.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_18.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_19.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_20.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_21.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_22.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_23.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_24.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_25.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_26.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_27.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_28.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_29.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_30.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_31.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_32.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_33.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_34.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_35.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_36.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_37.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_38.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_39.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_40.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_41.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_42.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_43.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_44.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_45.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_46.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_47.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_48.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_49.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_50.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_51.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_52.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_53.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_54.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_55.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_56.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_57.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_58.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_59.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_60.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_61.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_62.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_63.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_64.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_65.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_66.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_67.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_68.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_69.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_70.jpg,//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_71.jpg" data-loops="true" data-rebound="0" data-revolution="800" data-shy="true" data-wheelable="false" height="480" id="reel-product" src="//dn-djistore.qbox.me/images/360/phantom-2-vision/body_vision_new/0_71.jpg" width="100%">

看到这个data-images的属性没有？还需要解释原理么？