几步到DedeCMS的lightbox效果的实现

点评：这篇文章主要介绍如何添加lightbox显示dedecms的图片，和其他网站的实现方法基本相同

网站上有很多显示图片的方法。一般来说，一个窗口或标签在浏览器中显示的图像的链接，这是显示为一个访问的网站，但这种方式具有较差的经验。毕竟，当一个访客看一幅画，他需要另一个窗口显示，除了占用资源，也降低了图片和内容之间的关联度，提高了用户操作的次数，从而降低了用户的体验，在一定程度上。

灯箱的介绍
该灯箱画面显示效果的出现改变了传统的图片浏览方式，大大提高了用户的体验。灯箱的原理很简单：用jQuery在当前页面上弹出层，和闭塞（低亮度）非弹出的部分，然后在弹出层显示的图片，当这种方法的好处是看图片的页面不刷新，不跳到另一个窗口或选项卡，有一个很好的经验。当你点击非部分弹出层，脚本关闭灯箱弹出层。

有灯箱画面显示效果，很多功能，例如，一些简单的放大照片，有的提供缩放功能，一些提供hellip功能前的最后一次，然而，等等，但实现的基本途径是相似的。

然后通过简单的几个步骤，对CMS页添加灯箱。图像显示。

上传文件和添加代码
首先，下载的Lightbox插件的源代码，其中包括了样本页面和相关的JS、CSS文件。上传整个目录index.htm文件灯箱除默认模板（默认）目录dedecms，然后复制下面的代码在默认模板的article_image.htm文件（默认）的目录，并将这间：
代码的上面部分是在灯箱的源代码的index.htm文件的一部分，但当我们将它复制到dedecms模板文件，我们应该注意到，JS文件的调用路径。

完成两步，可以在后台图像显示模块实现lightbox效果，如果你打算lwash模块或软件下载模块实现lightbox效果，上面的代码添加到head.htm文件，这样可以保证调用head.htm文件实现lightbox效果。

附录：灯箱灯箱演示页面的源代码，