Ge1doot.js超酷3D立体照片墙

收藏

本文的3D照片墙墙使用了ge1doot.js图片插件和HTML5的canvas画布。当鼠标拖拽，会出现相册3D旋转效果，点击图片，会放大靠近。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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},
]