不错的jquery lightbox插件 ColorBox
ColorBox 是一个 jQuery Lightbox 插件, 轻量级，只有 不到9kb 大小
支持： 图片,图片群组, slideshow, ajax, inline, 和iframe.
之前一直用着 WordPress 自带的thickbox ，但thickbox也经不再更新了 网站上也推荐ColorBox 和其他的替代 ，thickbox而且效果太生硬 远远没有 ColorBox 好用。
本来一直想用highslide 的，但载速度没 thickbox快 ，特别是加载外部网页 必须加载完全才展示给读者，所以显得特慢。
thickbox图片：
用法：下载ColorBox 将 js (jquery.colorbox-min.js) 和css（有4种样式选一个）挂上：
1 2 3 4 5 6 7 8 9 | <link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="../colorbox/jquery.colorbox.js"></script>
<script language="javascript">
$(document).ready(function(){
$("a[rel='colorbox']").colorbox();// rel='colorbox' 加上ColorBox 效果
$("#content a[rel='nofollow']").colorbox({width:"75%", height:"85%", iframe:true});// nofollow属性的网址加上ColorBox 效果
});
</script> |
最后
1 2 3 4 5 6 7 8 | function colorbox ($content)
{ global $post;
$pattern = "/<a (.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)< \/a>/i";
$replacement = '</a><a $1href=$2$3.$4$5 rel="colorbox" $6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
add_filter('the_content', 'colorbox'); //所有图片 加上一个 rel="colorbox" |
将上面代码复制到 functions.php
详情请看：http://colorpowered.com/colorbox/
声明:
本文由Yin发表, 采用 BY-NC-SA 协议进行授权. 如蒙转载请注明转自：尹鹏飞's Blog™
你的网站jsp很多啊
@baojiwii
也不多啦 除了统计代码，只有34K 的 js
现在去试试!
@NianQing
看到你已经用上了
嗯
效果不错的,可以试试
不错不错，小贝支持一下
有ie8 iframe下 圆角不显示BUG
@web思想社区
ie8 下 我的貌似一正常
这个确实不错，其他的插件都用不起来，这个可以使用，而且速度也不错。不知道是不是要收费，其他一些好的都开始收费了，使用过程中会跳出版权信息，非常不便。有没有页码插件？我的站点没有页码。。。
帮我看看：www.taocodes.com
收费问题这个的网站上并没有说明 应该不需要，至于使用过程中跳出版权信息我没有发现过，页码插件本站用的是 WP-PageNavi 。
我是试试这个头像的
你还没有gravatar头像，赶快去注册一个吧
使用插件,nofollow属性的图片不能显示。如果将插件标记设置为nofollow，只能显示一张图片