clearbox 中文详解

图片展示效果认识最早的是Lightbox,不过最近发现一款比Lightbox漂亮的,叫Clearbox,官方网站地址:http://www.clearbox.hu 

首先在头里加入如下代码:
<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″ ,而不要使用默认的匈牙利编码

你可能感兴趣的:(clear)