3d照片墙怎么制作

JavaScript023

3d照片墙怎么制作,第1张

3d照片墙的制作方法如下：

工具：联想小新Air 13 Pro

系统：windows 10

软件：PPT 2017

1、打开PPT，执行insert-picture命令，选择一组要插入的图片，统一设置大小。

2、执行ctrl a全选，执行一键对齐递进命令，选择对齐增强命令，点击默认参数确定按钮。

3、执行ctrl g将它们组合在一起，右键从下拉菜单中选择设置图片格式的选项。

4、切换到3D旋转，选择右侧透视，将透视设置为70，将x旋转设置为330。

5、切换到3D格式选项卡，深度设置为5点，切换到阴影选项卡，透明度为88%。

6、最后执行三底垂直移位命令，在弹出的对话框中直接按回车键，每次按回车键都会自动改变一次。

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楼的方法完全可用。

如果是左右切换的照片，建议所有的100张图片都先用一张1*1像素的透明图片来代替，页面载入的时候改变第一张图片的url.点解左右箭头下一张的时候立刻改变相应图片的url

如

<img src="test.gif" dataurl="images/01.jpg">

<img src="test.gif" dataurl="images/02.jpg">

<img src="test.gif" dataurl="images/03.jpg">

不过悲剧的是楼主都不会JS。 难搞了。