用HTML做的照片墙怎么用手机打开

html-css028

用HTML做的照片墙怎么用手机打开,第1张

输入QQ号码和密码,点击登录登录成功后点击正下方“动态”找到并点击“好友动态”进入好友动态,点击正上方的背景图片进入背景商城,找到并点击“照片墙”进入照片墙,点击右上角的“添加”,你可以选择从手机里或者从空间相册里添加照片

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名字必须一致,或者必须有规律。