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

来源:https://www.sucaihuo.com/js/447.html 2015-08-25 15:32浏览(6500) 收藏

本文的3D照片墙墙使用了ge1doot.js图片插件和HTML5的canvas画布。当鼠标拖拽,会出现相册3D旋转效果,点击图片,会放大靠近。
Ge1doot.js超酷3D立体照片墙
分类:图片代码 > 图片墙 难易:中级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

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},
]
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2