360度图片旋转实现方案

这是根据3deye插件的思路编写的。主要发现3deye直接修改背景图的方法过于粗暴,并且在切换图片时存在闪烁现象。因此,我自己开发了一个方案:对于兼容canvas的浏览器,使用canvas技术;对于不兼容的浏览器,仍然采用修改背景图的方法。做了一些适配,虽然写得不够好,但希望能有所帮助。

rar
360.rar 预估大小:56个文件
folder
360 文件夹
file
index.html 1KB
folder
img 文件夹
file
35.png 70KB
file
47.png 66KB
file
26.png 68KB
file
4.png 67KB
file
41.png 63KB
file
20.png 52KB
file
loadding.gif 8KB
file
38.png 70KB
file
30.png 69KB
file
22.png 63KB
file
24.png 70KB
file
12.png 67KB
file
43.png 56KB
file
3.png 68KB
file
33.png 67KB
file
46.png 63KB
file
49.png 67KB
file
27.png 69KB
file
23.png 67KB
file
29.png 68KB
file
32.png 68KB
file
51.png 69KB
file
16.png 59KB
file
7.png 64KB
file
15.png 61KB
file
5.png 66KB
file
25.png 69KB
file
34.png 68KB
file
1.png 69KB
file
45.png 58KB
file
2.png 69KB
file
19.png 50KB
file
40.png 67KB
file
17.png 55KB
file
28.png 70KB
file
11.png 67KB
file
50.png 67KB
file
Thumbs.db 55KB
file
36.png 70KB
file
21.png 57KB
file
44.png 53KB
file
48.png 68KB
file
6.png 65KB
file
8.png 67KB
file
9.png 65KB
file
10.png 67KB
file
39.png 70KB
file
42.png 60KB
file
13.png 65KB
file
18.png 52KB
file
31.png 66KB
file
37.png 70KB
file
14.png 63KB
folder
js 文件夹
file
3d_control.js 7KB
folder
css 文件夹
file
main.css 126B
rar 文件大小:3.26MB