网站上的图片揭示方法有许多种，一般的就是在欣赏器为图片链接多开一个窗口或标签，像会见网址一样显示出来，可是这种方法的体验较差。究竟，当会见者每次查察图片的时候还需要再弹出一个窗口来显示，除了占用资源，还低落了图片和内容的关联度，同时提高了用户的操纵次数，在必然水平上低落了用户的体验。
LightBox先容
LightBox图片展示结果的呈现，则改变了传统的图片欣赏方法，极大地提高了用户的体验。LightBox的道理很简朴：通过jQuery在当前页面之上弹出一个层，并遮挡(低落亮度)非弹出层的部份，然后把图片显示在弹出层内，这种方法的长处就是查察图片的时候页面不会刷新，更不会跳到另一个窗口或标签。并且尚有一个别验相当棒的成果，当你点击非弹出层的部份时，剧本会封锁LightBox的弹出层。
LightBox图片展示结果的成果也分许多，好比有些只是简朴地放大图片，有些提供了缩放成果，有些提供了前一张、后一张图片查察的成果……等等，可是根基的实现方法都是雷同的。
接下来通过简朴的几个步调说明，为织梦CMS页面上的图片添加LightBox展示结果。
上传文件及添加代码
首先，下载LightBox插件的源代码，该份源代码包罗有一个index.htm示例页面以及相关的JS、CSS文件。把除index.htm文件的整个lightbox目次上传至DedeCMS的默认模板(Default)目次下，再将下面所示的代码复制到默认模板(Default)目次下的article_image.htm文件内，放在<head></head>之间：
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src=http://down.chinaz.com/"js/jquery.js"></script>
<script type="text/javascript" src=http://down.chinaz.com/"js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href=http://down.chinaz.com/"css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
</style>
</head>
上面这部份代码等于LightBox源代码中index.htm文件内的一部份，只是在复制到DedeCMS模板文件的时候留意一下JS文件的挪用路径。
完成这两步后，即可在DedeCMS的图片展示模块中实现LightBox结果，假如规划在织梦内容打点系统的文章模块或软件下载模块也实现LightBox结果，发起把上面的代码添加到head.htm文件中，这样就可以担保每每挪用了head.htm的文件都实现LightBox结果。