用户名:  密码:   
您当前的位置:首页 > 网页设计 >  cms > 

给织梦模板中加图片浏览功能(仿QQ空间照片)

上次修改时间: 2014-10-10 15:14:18      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\CMS\织梦\      下一页

织梦模板中加入图片集的浏览功能(效果如QQ空间照片浏览界面)

该功能由“美女图片网站dede模板”的源文件分离出来,源码下载地址:http://www.dedemao.com/dedemuban/pic/1272.html

实现该效果的主要文件有:
1.风格文件2个,templets/default/style目录下的6188_public.css,6188_style.css两文件,用于定义界面风格
2.JS文件5个,templets/default/js目录下的jquery-1.4.4.min.js,jquery-1.js,content.js,jquery_002.js,6188_new.js,
注:前两个为库文件,后面三个才是实现功能的代码文件。这些js文件用于实现上下翻页的功能,jquery-1.4.4.min.js和jquery-1.js为jquery库文件迷你压缩版,如果要修改这两个文件需要下载完整版
content.js,jquery_002.js,6188_new.js这三个文件才是实现效果的代码文件,它们需要调用jquery库文件。
3.模板文件2个在templets/default/下: list_image.htm是列表模板文件(可省略) article_image.htm是文章模板文件
4.图标文件4个:6188_new2_11.gif,6188_new2_13.gif next.cur,prev.cur,nophoto.jpg,6188_new2_07.gif

使用方法:
把2个风格文件复制到模板目录的templets/moossy/style下
把5个JS文件复制到你模板目录的templets/moossy/js下
把列表模板文件和文章模板文件复制到templets/moossy下
把图标文件复制到templets/images下

1.在织梦后面的网站栏目管理里添加一个名为“咖啡图片”顶级栏目,内容模型选“图片集”,
2.在高级选项中把列表模板指向list_image.htm,把文章模板指向article_image.htm然后确定保存
3.双击该栏目名称,给栏目添加一个图片集,然后点生成里的更新栏目html和文档html就可以看到效果了