首先在头里加入如下代码：

<link href=”css/clearbox.css” rel=”stylesheet” type=”text/css” />
<script src=”js/clearbox.js” type=”text/javascript” charset=”gb2312″></script>

1.<a href=”images/cb_sample_01.jpg” rel=”clearbox” title=”A kép címe”>
<img src=”images/cb_sample_01_tn.jpg” /></a>

2.<a href=”images/cb_sample_04.jpg” rel=”clearbox[Virágok]“><img src=”images/cb_sample_04_tn.jpg” /></a>
<a href=”images/cb_sample_05.jpg” rel=”clearbox[Virágok]“><img src=”images/cb_sample_05_tn.jpg” /></a>
<a href=”images/cb_sample_06.jpg” rel=”clearbox[Virágok]“><img src=”images/cb_sample_06_tn.jpg” /></a>

3.<a href=”images/cb_sample_01.jpg” rel=”clearbox[Virágok,,10,,start]“>
<img src=”images/cb_sample_01_tn.jpg” /></a>

4.<a href=”images/cb_sample_01.jpg” rel=”clearbox[Virágok]“ tnhref=”pictures/cb_sample_01_tn.jpg”>ez a link egy képre mutat, de nincs megadva thumbnail kép</a>

5.<a href=”http://www.google.com” rel=”clearbox(800,,600,,click)”>google.com</a>
<a href=”http://www.google.com” rel=”clearbox(800,,600,,over)”>google.com</a>

参数设置：

CB_AllowedToRun：

此值可以设置为on或off。如果’off’ ，然后就到ClearBox ，所以图像不会出现在的帮助下，该脚本，但它最初是在网站上。

CB_AllowExtFunct：

此值可以设置为on或off。如果’on’ ，那么ClearBox每个图像和HTML内容加载将CB_ExternalFunction （ ）函数调用。

CB_Animation：

此值可以设置为on，off，normal，double，warp。动画ClearBox窗口可以设置他。
‘关闭’ ：在这种情况下，窗口不animálódik ，但添加到想要的大小。
‘正常’ ：在这种情况下，窗口的横向和纵向然后大小。
‘双’的同样大小的窗口中X和Y方向（默认）
‘经’ ：作为双，但之前的动画显示的图片上，提供它（高CPU的需求，因此，建议对小图片）

CB_AnimSpeed：

它的价值是一个正整数（ 1 – ） 。指定动画的速度。
CB_BodyMarginLeft
CB_BodyMarginRight
CB_BodyMarginTop
CB_BodyMarginBottom

如果一方打算给出具体的价值身体的利润率，因此，如果：利润率左，边顶，边底利润的权利，或任何为0 ，和一氧化氮的汽车，则有以下参数将其添加到ClearBox也。由于这HideContent层的确切尺寸需要！注：注意，如果你不给的CSS文件做身 体利润价值，但它也有一个默认值为保证金的浏览器！重要提示：请不要使用％的价值，因为层ClearBox HideContent将无法显示！

CB_CloseOnH：

此值可以设置为on或off。如果’off’ ，它阻碍表面的文件，单击窗口不会关闭ClearBox 。

CB_FlashHide：

此值可以设置为on或off。如果’on’ ，则flash 也会盖在弹出层的上面。

CB_Font
CB_Font2：

的价值，一个（或多个）的字体。下的文本，图片第一和第二行指定的字体。的CSS可以同时使用一种以上的可利用的价值，例如： ‘字体，绿色， Tahoma ‘ 。

CB_FontSize
CB_FontSize2：

它的价值，这是一个积极的整数（ 6 – ） 。

CB_FontColor
CB_FontColor2：

价值的十六进制颜色代码。下的文本，图片第一和第二排的颜色的。

CB_FontWeight
CB_FontWeight2：

其值为”normal’ ，或’bold’。

CB_FullSize：

如果’起飞’ ，然后是不显示的图像上的’下载文件’或’全尺寸’图标。

CB_HideColor：

指定脚本的邀请文件’妨碍’表面颜色的。

CB_HideOpacity：

默认值： ‘ 0.85 ‘ ，这意味着85 ％ ，乌山黑暗背景。

CB_HideOpacitySpeed：

指定多少毫秒妨碍文件的表面下的黑暗。

CB_ImgBorder：

指定的宽度范围内的图片。

CB_ImgBorderColor：

指定边框颜色的图像。

CB_ImgMinWidth
CB_ImgMinHeight：

正整数的值（ 50 – ） 。他们ClearBox窗口像素，最小宽度（较少窗口无法打开，即使是规模较小的形象） 。

CB_ImgNum：

规定，如果ClearBox galériáknál应显示的所有文件，这是一些图像显示。

CB_ImgNumBracket：

如果CB_ImgNum是打开的，它显示的图像是否有在括号中显示。

CB_ImgOpacitySpeed：

指定的毫秒数在图像的。

CB_ImgTextFade：

如果’起飞’ ，那么，下面的图片或文字的形象似乎并不逐步，但立即显示出来。

CB_NavTextPrv
CB_NavTextNxt
CB_NavTextFull
CB_NavTextDL：

可以指定的形象出现在按钮（链接）的名称。

CB_NavTextImgPrv
CB_NavTextImgNxt
CB_NavTextImgFull
CB_NavTextImgDL：

您可以选择是否显示图像按钮下方。如果有任何’起飞’ ，那么目前的形象，而不是上述参数的文字会出现下降。

CB_NoThumbnails：

其值为’对’或’关闭’ 。如果’起飞’ ， galériáknál它不会出现在小的图像。

CB_Padd：

价值的一个非负整数（ 0 – ） 。图片为（和lekerekítéseken ）提供额外的-几乎是无形-相框（白色帧的图片宽度以像素为单位的增加） 。

CB_PicDir：

ClearBox指定的路径图像。如果改变clearbox.css不会忘记作出必要的修改！

CB_PictureStart
CB_PicturePause
CB_PictureClose
CB_PictureLoading
CB_PictureNext
CB_PicturePrev：

如果你想改变ClearBox使用的开始，暂停，关闭前和下一步按钮，以及装载的形象，它是允许这样做。重要的是，只输入文件名， /和文件夹没有任何迹象！

CB_Preload：

是否指定galériáknál前和下列预先载入图像。

CB_RoundPix：

指定四舍五入的尺寸的图像。

CB_SelectsHide：

如果’的’ ，然后在SELECT ClearBox窗口被打开，箱子就会消失在背景中，并再次结束后的时代。

CB_ShowGalName：

如果’起飞’的名字然后将不会kiíratásra加莱拉。

CB_ShowImgURL：

指定的窗口形象，以ClearBox路径，如果没有地址的图片。

CB_SimpleDesign：

如果’的’ ，然后就不会有文字的图片（帧的图片将是一个统一的大小） 。

CB_SlShowTime：

指定是否要等待多少幻灯片效果（以秒计）收到显示下面的图像。

CB_TextH：

下面的图片中给出了高度的文字。

CB_TextNav：

指定galériáknál下方的图片前和明年的按钮（或字幕）显示器。

CB_TextOpacitySpeed：

指定的毫秒数在图像中的文字。

CB_WinPadd：

（ 0 – ）中指定一个正常的情况下，最低数量的像素边缘的浏览器窗口，以ClearBox 。

注：
1。这个效果有个比较难控制的地方就是弹出页面底下总有个URL，这个问题我经过反复尝试可以在链接后面加上title属性，这样就可以把URL换成你想换的任意内容。或者不想要的话直接换成空就可以了。
2。如果有js乱码的情况请在引如 js文件的语句里加上charset=”gb2312″ ，而不要使用默认的匈牙利编码。