简单几步为DedeCMS实现LightBox效果

简单几步为DedeCMS实现LightBox效果

本文的重点是如何将LightBox添加到DedeCMS图片中来展示实际效果。其他网页补全方法也差不多。

网址上的图片呈现方式有很多种多样，一般的便是在电脑浏览器为图片连接游戏多开一个对话框或标识，像浏览网站地址一样显示信息出去，可是这类方式的感受较弱。终究，当来访者每一次查看图片的情况下还必须再d出一个对话框来显示信息，除开占有資源，还减少了图片和內容的关联系数，另外提升了客户的实际 *** 作频次，在一定水平上减少了客户的感受。

LightBox详细介绍
LightBox图片展示实际效果的出現，则更改了传统式的图片访问方式，极大地提高了客户的感受。LightBox的基本原理非常简单：根据jQuery在当今网页页面以上d出一个层，并挡住（减少色度）非d出层的部分，随后把图片显示信息在d出层内，这类方式的益处便是查看图片的情况下网页页面不容易更新，更不容易跳至另一个对话框或标识。并且还有一个感受非常棒的作用，如果你点一下非d出层的部分时，脚本制作会关掉LightBox的d出层，

LightBox图片展示实际效果的作用也分许多，例如一些仅仅简易地变大图片，一些出示了放缩作用，一些出示了前一张、后一张图片查询的作用……这些，可是基础的完成方式全是相近的。

接下来按照很多简单的流程，给DreamweaverCMS的网页上的图片添加LightBox，展示实际效果。

文件上传和编码
首先，免费下载LightBox软件的源代码，其中包含一个index.htm示例的网页及其相关的JS和CSS文档。将除image.htm文件之外的所有lightbox文件目录提交到DedeCMS的默认文件目录，然后将下面显示的代码复制到默认文件目录中的article_image.htm文件，并将其放入