本文的3D照片墙墙使用了ge1doot.js图片插件和HTML5的canvas画布。当鼠标拖拽,会出现相册3D旋转效果,点击图片,会放大靠近。
HTML
<canvas id="canvas"></canvas>
引入ge1doot.js3D相册插件
<script type="text/javascript" src="js/ge1doot.js"></script>
自定义图片代码,大约在index.html第260行
imgdata:[
// north
{img: 'imgs/1.jpg', x: -1000, y: 0, z: 1500, nx: 0, nz: 1},
{img: 'imgs/2.jpg', x: 0, y: 0, z: 1500, nx: 0, nz: 1},
{img: 'imgs/3.jpg', x: 1000, y: 0, z: 1500, nx: 0, nz: 1},
]
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791