jQuery Lightbox 图片展示插件使用说明-Web前端之家

一、信息原作者:Benjamin Arthur
Lupton当前版本:v1.3.7最终版发布日期:2009年4月25日项目地址:

前面一个JavaScript文件表示JavaScript库,后面一个是lightbox插件。这里的链接路径根据您的实际情况进行修改。

三、帮助如果您在使用过程中遇到一些问题无法解决,可以去这里
四、参数

参数名

描述

参数值

show_helper_text是否显示一些提示文本,例如“点击关闭”等trueshow_info是否显示图片的信息”auto”-
要鼠标经过才会自动显示, true –
强制显示show_extended_info是否显示图片扩展的些信息”auto”-
要鼠标经过才会自动显示, true –
强制显示download_塞班岛贵宾会,link是否显示图片下载的链接trueauto_resize是否在图片尺寸过大时进行大小限制truecolorBlend是否支持colorBlend-
仅当colorBlend检测到时可用, true – 导入colorBlend且使可用, false –
不支持colorBlendie6_support是否支持IE6浏览器trueie6_upgrade是否给IE6用户显示升级提示信息trueshow_linkback是否显示右上角的方向链接trueauto_scroll如何对滚动进行处理”follow”-
与用户一致, “disabled” – 不允许滚动, “ignore” –
忽略滚动speed每次图片转换过渡的时间,
integerbaseurl要使用的基本路径用来自动导入需要的文件null- 自动检测,
string –
要手动添加的基本路径filesJavaScript中链接调用的一些文件,在这些文件重命名时使用Children:
js.lightbox, js.colorBlend, css.lightbox, images.prev, images.next,
images.blank,
images.loadingtextJavaScript中包含的一些文字,在您要翻译的时候使用Children:
image, of, close, closeInfo, download, help.close, help.interact,
about.text, about.title,
about.linkkeysJavaScript文件中包含的些快捷键,在您想重新定义快捷键的时候使用Children:
close, prev, nextopacity覆盖背景层的透明度0.9,
数值padding图片四周的padding值null- 自动检测, integer –
padding的整数值rel链接上要搜寻的rel值,用以应用lightbox效果”lightbox”-
默认搜寻rel=”lightbox”, string –
应该搜寻的rel字符串auto_relify是否对rel进行一个初始化的扫描自动检测lightboxestrue,
false五、参数的应用
有两个方法使用这些参数:一是通过js链接,而是通过js代码。例如下面的例子,分别用着两个方法将JavaScript文件中的反向链接隐藏同时将文件中的“图片”文字改成“照片”。

  1. 链接修改法 复制代码 代码如下:

  2. 代码修改法 复制代码 代码如下:

在线演示地址

发表评论

电子邮件地址不会被公开。 必填项已用*标注