3d照片墙怎么制作

JavaScript014

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。 难搞了。