文档介绍:jquery插件thickbox的使用方法
一、在文件的<head></head>中插入
<script type="text/javascript" src="js/" mce_src="js/"></script>
<script type="text/javascript" src="js/" mce_src="js/"></script>
这个图片的路径
二、在<head></head>中插入CSS
<link rel="stylesheet" href="css/" mce_href="css/" type="text/css" media="screen" />
例子单个图片时:增加一个<a href="" mce_href="">然后给连接加一个class="thickbox"
<a href="images/" mce_href="images/" title="caption" class="thickbox">图片</a>
title加连接
title="<a href="images/" mce_href="images/">my link</a>"
想法来自lightbox多张图片时:
与单个图片的区别就是多了一个same rel element
<a href="images/" mce_href="images/" class="thickbox" rel="test" title="测试一">测试一</a>
<a href="images/" mce_href="images/" class="thickbox" rel="test" title="测试二">测试二</a>显示一个层内的内容时弹出任意id:
创建立一个link <a href="" mce_href="">
给连接增加一个class属性class="thickbox"
给连点增加一个锚点:#TB_inline
在锚点的后边增加字符串:?height=300&width=300&inlineId=myOnPageContent
在字符串的后边添加&modal=true,测必须在弹出的层内调用onclik=tb_remove()多用于隐藏的层
其中的inlineId就是你想显示的元素的id用ifame显示url
创建立一个link <a href="" mce_href="">
给连接增加一个class属性class="thickbox"
在href属性中提供想在thickbox中显示的url连接
在url后边添加字符串?KeepThis=true&TB_iframe=true&height=400&width=600
说明Add all other query parameters before the TB_iframe
用ifame显