http://www.cookseo.com/blog/web/ThickBox/
前幾天寫了一篇關(guān)于
ThickBox 3.1的文章：[
ThickBox 3.1完美修正版下載]，今天在使用這個(gè)東西的時(shí)候發(fā)現(xiàn)里面有許多參數(shù)沒有詳細(xì)解釋，今天抽空整理出來，現(xiàn)和大家分享一下：
先說幾個(gè)參數(shù)：
class="thickbox" 調(diào)用特效；
height 打開頁(yè)面的高度；
width 打開頁(yè)面的寬度；
title="Iframe(Auto Hide)" title的內(nèi)容；
keepThis=true TB_iframe=true 這兩個(gè)參數(shù)沒搞明白什么意思，但通過框架來調(diào)用頁(yè)面時(shí)不可缺少；
#TB_inline 調(diào)用當(dāng)前頁(yè)面的層；
inlineId 當(dāng)前頁(yè)面層的ID；
modal=true 表示禁用title，去掉即可顯示title及可自動(dòng)關(guān)閉；
1、調(diào)用框架，固定寬度和高度，超出顯示滾動(dòng)條 Iframe(auto hide):
<a >OECSPACE</a>
2、打開頁(yè)面，固定寬度和高度，無滾動(dòng)條，禁用title, fixed width, fixed height
<a href="boxs.html?keepThis=true&TB_iframe=true&height=100&width=220&modal=true" title="ThickBox 3.1:modal=true表示禁用title，去掉即可顯示title及可自動(dòng)關(guān)閉" class="thickbox">Open iFrame Modal</a>
3、Ajax載入，自動(dòng)寬度和高度，禁用title，頁(yè)面無法查看源代碼
<a href="box.html?height=350&width=350&modal=true" title="ThickBox 3.1:Ajax載入，頁(yè)面無法查看源代碼" class="thickbox">Example</a>
4、鏈接顯示隱藏的層，層存在于頁(yè)面中。
<a href="#TB_inline?height=200&width=300&inlineId=hiddenModalContent&modal=true" title="ThickBox 3.1:鏈接顯示隱藏層" class="thickbox">Show hidden modal content</a>
<div id="hiddenModalContent" style="display:none">
<p>ThickBox hidden modal content. Click to hide.</p>
<p style="text-align:center"><input type="submit" value=" O K " onclick="tb_remove()" /></p>
</div>
5、按鈕顯示隱藏的層，層存在于頁(yè)面中。
<input alt="#TB_inline?height=150&width=400&inlineId=myOnPageContent " title="ThickBox 3.1:按鈕顯示隱藏層" class="thickbox" type="button" value="Show" />
<div id="myOnPageContent" style="display:none">
<p>ThickBox hidden modal content.Auto Hide.</p>
</div>
6、單張圖片調(diào)用
<a href="images/plant1.jpg" title="plant" class="thickbox"><img src="images/plant1_t.jpg" alt="ThickBox 3.1" /></a>
7、多張圖片調(diào)用
<a href="images/plant1.jpg" title="plant1" class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="ThickBox 3.1 1" /></a>
<a href="images/plant2.jpg" title="plant2" class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="ThickBox 3.1 2" /></a>
<a href="images/plant3.jpg" title="plant3" class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="ThickBox 3.1 3" /></a>
另外，如果不想點(diǎn)擊圖片關(guān)閉的話，找到thickbox.js，到128行，把下面的代碼：
$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");
改成：
$("#TB_window").append("<img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");
即可，說白了就是把鏈接去掉。