网页中的照片墙怎么制作？

JavaScript012

网页中的照片墙怎么制作？,第1张

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

查看源代码以及演示请登录：http://www.sucaihuo.com/js/447.html

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

]

手机中的照片存储路径查看方法：

1.手机照片默认的存储位置：我的文件-内部存储/所有文件-DCIM-Camera即可查看照片。

2.打开相册-选择一张图片打开-右上角三个点（更多）/菜单键-详情/详细信息-路径，即可显示您所选照片的存储位置。

漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js，基于jQuery，插件采用CSS 3D

动画效果，支持事件Callback调用，支持参数自定义配置，如：

speed：600 切换速度、autoplay:true

是否自动播放，在浏览器兼容方面，需要浏览器支持CSS3变换变形属性，不支持的将看不到3D特效！