当前位置: 首页 > 工具软件 > ColorBox > 使用案例 >

JQuery插件二--colorbox

田嘉慕
2023-12-01

Colorbox 常用属性

设置的值                       默认值                       介绍
transition                    elastic                     过渡效果fade or  none  or elastic
speed                         350                         过渡效果的持续时间
href                          false                       设置锚标记或按钮
title                         false                       设置标题
rel                           false                       这个可以根据元素的rel属性设置要显示的属性
width                         false                       设置宽度
height                        false                       设置高度
innerWidth                    false                       设置固定的内大小
innerHeight                   false                       设置固定的内高度
initialWidth                  300                         初始化宽度
InitialHeight                 100                         初始化高度
maxWidth                      false                       最大宽度
maxHeight                     false                       最大高度
scalePhotos                   true                        以上高度和宽度设置了,此属性为true,colorbox会缩放图片以使用边框
scrolling                     true                        false,colorbox不会为了溢出元素设置滚动条
iframe                        false                       true,元素会在iframe中显示
inline                        false                       如果是true,可以使用jquery选择器
html                          false                       直接显示html代码
photo                         false                       true,colorbox会把元素按图片显示
opacity                       0.4                         遮罩层透明度0-1之间的值
open                          false                       true,colorbox会自动开启
preloading                    false                       true,colorbox会自动预载图片
overlayClose                  true                        true,单击遮罩层就可以关闭colorbox
slideshow                     false                       true,会自动滚动图片
slideshowSpeed                2500                        设置时间,毫秒
slideshowAuto                 true                        滑动会自动开始
slideshowStart                start slideshow             开始自动滑动按钮的文本
slideshowStop                 stop slideshow              停止自动滑动按钮的文本  
current                       {current} of {total}        文本内容:正在显示的元素序号
previous                      previous                    上一个按钮的文本
next                          next                        下一个按钮的文本
close                         close                       关闭按钮的文本 

 类似资料: