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},
]
其实图片墙他主要就是一个JS,织梦 不做二次开发也可以模拟出图片墙。方法如下:首先找一个静态页,可以实现图片墙(比如你这个页面,直接用火狐浏览器ctrl+S保存下来)
然后在织梦里调好CSS和JS的地址以后,把这个模板当做一个list的模板,使用{dede:list}这个标签把图片调出来即可。
但织梦有个缺陷,那就是循环里面css的class名字必须一致,或者必须有规律。