jQuery Lightbox 图片展示插件使用说明

2020-05-19 07:31:23易采站长站整理

speed
每次图片转换过渡的时间(毫秒)
400(默认), integer(整数)

baseurl
要使用的基本路径用来自动导入需要的文件
null(默认)- 自动检测, string – 要手动添加的基本路径

files
JavaScript中链接调用的一些文件,在这些文件(CSS、图片等)重命名时使用
Children: js.lightbox, js.colorBlend, css.lightbox, images.prev, images.next, images.blank, images.loading

text
JavaScript中包含的一些文字,在您要翻译的时候使用
Children: image, of, close, closeInfo, download, help.close, help.interact, about.text, about.title, about.link

keys
JavaScript文件中包含的些快捷键,在您想重新定义快捷键的时候使用
Children: close, prev, next

opacity
覆盖背景层的透明度
0.9(默认,90%的透明度), 数值

padding
图片四周的padding值
null(默认)- 自动检测, integer – padding的整数值

rel
链接上要搜寻的rel值,用以应用lightbox效果
“lightbox”(默认)- 默认搜寻rel=”lightbox”, string – 应该搜寻的rel字符串

auto_relify
是否对rel进行一个初始化的扫描自动检测lightboxes
true(默认), false

五、参数的应用
有两个方法使用这些参数:一是通过js链接,而是通过js代码。例如下面的例子,分别用着两个方法将JavaScript文件中的反向链接隐藏同时将文件中的“图片”文字改成“照片”。
1. 链接修改法

<script type=”text/javascript” src=”js/jquery.lightbox.min.js?show_linkback=false&text.image=Photo”></script>

2. 代码修改法(construct)

<script type=”text/javascript” src=”jquery_lightbox/js/jquery.lightbox.packed.js”></script>
<script type=”text/javascript”>
$(function(){
$.Lightbox.construct({
show_linkback: false,
text: {
image: ‘照片’
}
});
});</script>

在线演示地址 http://demo.jb51.net/js/jquery_lightbox/index.html
打包下载地址 //www.jb51.net/jiaoben/26042.html