1,flash覆盖colorbox:

2,colorbox在ie中的位置和行为异常:

3,colorbox的位置和行为异常（不区分浏览器）:

4,用colorbox显示外部文档时显示不正确:

5,在ie中colorbox的边框不显示:

6,尝试载入外部页面却获得”Request unsuccessful”的报错信息

7,如何通过rel属性关闭colorbox的群组功能

8,JavaScript/jQuery 在colorbox中不工作

9,在iframe外面打开colorbox

=======================================================

colorbox常见问题

http://wxinpeng.javaeye.com/blog/737230

=======================================================

  • 支持 照片，照片组，幻灯片，ajax，内联 和 iframe 框架。
  • 通过CSS 控制外观，使用用户可以很容易重新定制外观。
  • 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。
  • 可以依靠 callback & event-hooks 进行拓展，不需要修改源代码。
  • 非常友好，不需要修改现有的 HTML，所有的选项都通过 JS 设置。

    介绍

    colorbox()函数使用一堆key/value对象和一个可选的callback函数

    格式：$('selector').colorbox({key:value}, callback);

    例子： $('a.gallery').colorbox({transition:'fade', speed:500});

    还是例子：$('button').colorbox({href:"thankyou.html"});

    设置的值

    默认值

    介绍

    transition

    		 "elastic"

    过渡效果，可以是"elastic", "fade", or "none".

    speed

    		 350

    设置过渡效果的持续时间，毫秒
    href false

    Example:$('h1').colorbox({href:"welcome.html"})

    这个用来设置一个锚标记的值或者一个不是锚的元素，例如图像或者表单的按钮，例如：
    title false

    这可以为Colorbox设置一个标题
    rel false

    Example:$('#example a').colorbox({rel:'group1'})

    这个可以根据元素的rel属性设置要显示的元素集合，也可以覆盖一个存在的rel属性
    width false

    Example: "100%", "500px", or 500

    设置宽度，包括边框和按钮
    height false

    Example: "100%", "500px", or 500

    设置高度，包括边框和按钮
    innerWidth false

    Example: "50%", "500px", or 500

    这个可以设定一个固定的内大小，包括边框和按钮
    innerHeight false

    Example: "50%", "500px", or 500

    这个可以设定一个固定的内高度，包括边框和按钮
    initialWidth 300

    设置初始化宽度
    initialHeight 100

    设置初始化高度
    maxWidth false

    Example: "100%", 500, "500px"

    设置内容的最大宽度
    maxHeight false

    Example: "100%", 500, "500px"

    设置内容的最大高度
    scalePhotos true

    如果是true且maxWidth, maxHeight, innerWidth, innerHeight, width, 或者 height 被设置，

    Colorbox会缩放图片以使用边框
    scrolling true

    如果是false,Colorbox不会为了溢出元素设置滚动条
    iframe false

    如果是true，元素会在Iframe中显示
    inline false

    Example: $("#inline").colorbox({inline:true, href:"#myForm"});

    如果是true,jQuery选择器可以用来选择要显示的元素。例如：
    html false

    Example: 
    $.fn.colorbox({html:'

    这个是直接让你显示HTML代码，例

    Hello

    '});

    photo false

    如果为true，ColorBox只会把元素按照图片显示，防止类似photo.php?pic=1这样的连接被误认为是网页
    opacity 0.85

    遮罩层不透明度 从0-1之间取值
    open false

    如果为true,ColorBox会自动开启
    preloading true

    如果为True,ColorBox会自动预载要显示图片
    overlayClose true

    为true单击遮罩层就可以把ColorBox关闭
    slideshow false

    为True，会自动滚动图片
    slideshowSpeed 2500

    设置时间，毫秒
    slideshowAuto true

    为tuue，滑动会自动开始
    slideshowStart "start slideshow"

    开始自动滑动按钮的文本
    slideshowStop "stop slideshow"

    停止自动滑动按钮的文本
    current "{current} of {total}"

    文本内容：现在正在显示的元素序号
    previous "previous"

    “上一个”按钮的文本
    next "next"

    “下一个”按钮的文本
    close "close"

    “关闭”按钮的文本

======================================================================

常用事件：
    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }

COLORBOX常用的属性相关推荐

  1. Css的filter常用滤波器属性及语句大全

    Css的filter常用滤波器属性及语句大全 语法:STYLE="filter:filtername(fparameter1, fparameter2...)" (Filterna ...

  2. html5--6-59 其他常用CSS属性

    html5--6-59 其他常用CSS属性 实例 学习要点 了解opacity属性:透明度设定 了解cursor属性:自定义鼠标样式 了解CSS新单位rem和em的区别 了解轮廓outline的设置 ...

  3. 08-数组中常用的属性及方法

    08-数组中常用的属性及方法 创建: 使用 JavaScript 关键词 new 使用数组文本创建 //数组中的方法: toString() 把数组转换为数组值(逗号分隔)的字符串. join() 方 ...

  4. dom对象常用的属性和方法有哪些？

    dom对象常用的属性和方法有哪些? 一.总结 一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性 ...

  5. [css] box-sizing常用的属性有哪些？分别有什么作用？

    [css] box-sizing常用的属性有哪些?分别有什么作用? box-sizing常用的属性有 content-box 和 border-box.content-box 盒子的宽度不包含 bor ...

  6. html中form标签的作用style,HTML5中meta常用标签属性说明

    HTML5中meta常用标签属性说明 IE 兼容模式,Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此  标签加入到你的页面中: content属性 ...

  7. MySQL数据类型和常用字段属性总结

    前言 好比C++中,定义int类型需要多少字节,定义double类型需要多少字节一样,MySQL对表每个列中的数据也会实行严格控制,这是数据驱动应用程序成功的关键.MySQL提供了一组可以赋给表中各个 ...

  8. JavaScript学习（六十六）—字符串对象常用的属性和方法总结以及数组元素的排序问题

    JavaScript学习(六十六)-字符串对象常用的属性和方法总结以及数组元素的排序问题 学习内容 一.数组去重问题 二.二维数组的定义 三.二维数组的元素操作 四.二维数组的遍历 五.关联数组 六. ...

  9. JavaScript学习（三十三）—事件对象常用的属性和方法

    JavaScript学习(三十三)-事件对象常用的属性和方法 (一).type属性 <style>#box {width: 200px;height:

  10. JavaScript学习（二十）—DOM中常用的属性

    JavaScript学习(二十)-DOM中常用的属性 1.clientWidth属性 作用:获取元素或页面的可视的区域的宽度 格式:节点.clientWidth 2.clientHeight属性 作用 ...

最新文章

  1. 雷达 lidar slam
  2. tensorflow r1.5 版本差异调研
  3. 实景三维系列4 | 为什么需要单体化
  4. 13. sizeof 和 strlen 的区别
  5. 内存溢出之Tomcat内存配置
  6. 杂谈——杭州考驾照历程
  7. ISE报错问题集锦(转载)
  8. Java的简单了解。
  9. 计算机专业评副高论文要求,护士晋升副高职称论文要求
  10. hdu 1232 畅通工程 最小生成树 并查集
  11. Pyhton注释符号使用方法及规范
  12. R语言中的字符串处理函数
  13. 线性代数及其应用（原书第5版）
  14. Latex 的基本语法
  15. 深度学习小笔记04－魏秀参《解析深度学习－卷积神经网络原理与视觉实践》
  16. 代码整洁之道之总结篇
  17. 域用户账户、组的管理
  18. 19.React Native动画Animated效果三种动画类型二；
  19. 微信小程序 - 在自定义组件中请求后端 API 数据接口（引入该组件的页面触发）组件在哪个生命周期钩子函数中请求接口数据呢？
  20. 软测项目辅导综合教程

热门文章

  1. 如何下载redhat enterprise版本
  2. 小样儿老师：我的嵌入式学习之路（一）
  3. php中html插入图片,html插入图片的示例代码详解（图）
  4. 阅兵方阵 蓝桥杯 第九届JavaA
  5. 慈禧是怎么吃年夜饭的
  6. Timeline(时间线)
  7. explain mysql_mysql explain详解
  8. 潇洒老师分享的小知识：注塑模具“压模”的原因和预防措施
  9. Linux 痕迹清理
  10. 关于使用 ajax上传文件 Easyui的框架 input标签中 filebox属性取赋值操作问题