ThickBox 3.1参数详解(转)

前几天写了一篇关于ThickBox 3.1的文章：今天在使用这个东西的时候发现里面有许多参数没有详细解释，今天抽空整理出来，现和大家分享一下：



先说几个参数：

class="thickbox" 调用特效；

height 打开页面的高度；

width 打开页面的宽度；

title="Iframe(Auto Hide)" title的内容；

keepThis=true TB_iframe=true 这两个参数没搞明白什么意思，但通过框架来调用页面时不可缺少；

#TB_inline 调用当前页面的层；

inlineId 当前页面层的ID；

modal=true 表示禁用title，去掉即可显示title及可自动关闭；



1、调用框架，固定宽度和高度，超出显示滚动条 Iframe(auto hide):



OECSPACE



2、打开页面，固定宽度和高度，无滚动条，禁用title, fixed width, fixed height



Open iFrame Modal



3、Ajax载入，自动宽度和高度，禁用title，页面无法查看源代码



Example



4、链接显示隐藏的层，层存在于页面中。



Show hidden modal content

ThickBox hidden modal content. Click to hide.

5、按钮显示隐藏的层，层存在于页面中。

ThickBox hidden modal content.Auto Hide.

6、单张图片调用







7、多张图片调用











另外，如果不想点击图片关闭的话，找到thickbox.js，到128行，把下面的代码：



$("#TB_window").append("" + "

"+caption+"

" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "

close or Esc Key

");     

改成：



$("#TB_window").append("" + "

"+caption+"

" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "

close or Esc Key

");     

即可，说白了就是把链接去掉。