网页版3D照片墙,使用浏览器打开index.html即可看到效果。
注意照片的扩展名需要统一。
- 1.将要展示的照片放到img文件夹下(原有的示例图片可以删除)。
- 2.将所有照片的文件名按照“photo(编号)”的格式重命名,编号从1开始按顺序编号,利用系统自带的批量重命名即可完成(全选然后右键重命名即可自动编号)。如果你是Windows系统,系统自带的批量重命名的编号会带有空格和括号,请在index.html文件中修改161和208行到对应的格式。
- 3.使用代码编辑器打开index.html文件,将第161行和208行的jpeg改为你的照片的扩展名。
- 4.将206行的39改为你要展示的照片数量。
- 第4行的文字是网页的标题。
- 第151行的文字是页面顶部的文字。
- 根目录下的backgroundVedio.mp4是背景视频,可以进行替换,替换后在index.html的147行处将src的值改为你的文件名。
用浏览器打开index.html即可看到效果。