dedecms二次开发(简单几步为DedeCMS实现LightBox效果)
dedecms二次开发
简单几步为DedeCMS实现LightBox效果网站上的图片展现方式有很多种,一般的就是在浏览器为图片链接多开一个窗口或标签,像访问网址一样显示出来,但是这种方式的体验较差。毕竟,当访问者每次查看图片的时候还需要再弹出一个窗口来显示,除了占用资源,还降低了图片和内容的关联度,同时提高了用户的操作次数,在一定程度上降低了用户的体验。
LightBox介绍
LightBox图片展示效果的出现,则改变了传统的图片浏览方式,极大地提高了用户的体验。LightBox的原理很简单:通过jQuery在当前页面之上弹出一个层,并遮挡(降低亮度)非弹出层的部份,然后把图片显示在弹出层内,这种方式的好处就是查看图片的时候页面不会刷新,更不会跳到另一个窗口或标签。而且还有一个体验相当棒的功能,当你点击非弹出层的部份时,脚本会关闭LightBox的弹出层,
LightBox图片展示效果的功能也分很多,比如有些只是简单地放大图片,有些提供了缩放功能,有些提供了前一张、后一张图片查看的功能……等等,但是基本的实现方式都是类似的。
接下来通过简单的几个步骤说明,为织梦CMS页面上的图片添加LightBox展示效果。
上传文件及添加代码
首先,下载LightBox插件的源代码,该份源代码包括有一个index.htm示例页面以及相关的JS、CSS文件。把除index.htm文件的整个lightbox目录上传至DedeCMS的默认模板(Default)目录下,再将下面所示的代码复制到默认模板(Default)目录下的article_image.htm文件内,放在
之间:
上面这部份代码即是LightBox源代码中index.htm文件内的一部份,只是在复制到DedeCMS模板文件的时候注意一下JS文件的调用路径。
完成这两步后,即可在DedeCMS的图片展示模块中实现LightBox效果,如果打算在织梦内容管理系统的文章模块或软件下载模块也实现LightBox效果,建议把上面的代码添加到head.htm文件中,这样就可以保证凡是调用了head.htm的文件都实现LightBox效果。
- dedecms5.7能否用5.5的模板(dedecms 5.5 伪静态设置方法)
- dedecms用什么来调用文章描述(织梦DEDECMS文档关键词频率不能修改的解决方法)
- dedecms列表分页无法显示(dedecms 5.6 分页样式代码修改方法)
- dedecms参数不显示(织梦DedeCms中出现Safe Alert: Request Error step 1/2 的解决方法)
- dedecms显示问号(dedecms提示你的用户名不存在的解决方法)
- dedecms二级栏目列表(DedeCMS系统TAG标签伪静态设置)
- dedecms中的有些功能如何修改(织梦DEDECMS中用JS方式调用评论总数的技巧)
- dedecms代码在哪里(dedecms 解决rss相对路径问题)
- dedecmsv5.7后台路径查找(dedecms 取消服务器/主机空间目录脚本的执行权限方法[图文])
- dedecms标签怎么用(dedecms三级栏目调用方法)
- dedecms如何写接口(dede的sql语句调用方法使用示例)
- dedecms缩略图路径(DedeCMS图集中缩略图不显示的解决方法)
- dedecms模板特点(在Dedecms下面生成Google Sitemap的方法)
- dedecms的自由列表管理(dedecms TAG标签列表分页链接优化方法)
- dedecms怎么添加栏目(Dedecms频道,列表页,内容页中调用全站最新文章的方法)
- dedecms标签解析(Dedecms网站给图片alt属性自动调用标题的方法)
- 书法欣赏 宋.志南诗《绝句》(宋.志南诗绝句)
- 每周一首古诗 《绝句》(每周一首古诗绝句)
- 蓝色代表什么(蓝色代表什么性格的人)
- 红色代表什么(红色代表什么情感和含义)
- 南宋志南和尚绝句 杨柳风似庙中来(南宋志南和尚绝句)
- 今天要穿什么颜色(今天要穿什么颜色的衣服最吉利)
热门推荐
- php支付接口(PHP实现的支付宝支付功能示例)
- mysql各种类型设置(MySQL sql_mode的使用详解)
- js音乐脚本怎么做(js实现网页音乐播放器)
- 自己搭建域名解析服务器(apache 二级域名解析实现方法)
- python规定输入值的最大值(实例讲解Python中整数的最大值输出)
- html5页面强制刷新(移动端html5判断是否滚动到底部并且下拉加载)
- 原生js实现轮播图代码(js实现轮播图制作方法)
- django开发平台运用的技术(django的ORM模型的实现原理)
- php怎么创建一个文件(PHP文件后缀不强制为.php方法)
- python核心编程内容(顶级大神Linux,Python,Go,PHP之父谁是夜猫子?用Python揭秘!)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9