为SaBlog加上Lightbox插件

该日志由 Kevin 发表于 2006, May 13, 10:49 PM

因为有朋友要, 原作者的所以就提供一下, 版权属于http://www.huddletogether.com/projects/lightbox2/
其实按照原作者的说明安装就行了
首先, 先下截我这里提供的附件, 解压放到SaBlog的根目下
然后在相应的页面里面(我选择的是left.htm)加下以下代码:

 <script type="text/javascript&quotsrc="lightbox/js/prototype.js"></script>
&
nbsp;   <script type="text/javascript&quotsrc="lightbox/js/scriptaculous.js?load=effects"></script>
&
nbsp;   <script type="text/javascript&quotsrc="lightbox/js/lightbox.js"></script>
&
nbsp;<link rel="stylesheet&quothref="lightbox/css/lightbox.css&quottype="text/css&quotmedia="screen" />

然后在要用到特效的图片代码中加上 rel="lightbox" 就行了!

不过我的懒人做法是, 把SaBlog里面的图片附件都默认加上rel="lightbox" , 这样的话就不用手动是加特效了!

进入SaBlog后台, 把"图片附件生成缩略图:" 设为"是"!

具体做法是在normal.htm还有show.htm查找到
<div class="attach">图片附件(缩略图):<br /><a href="./attachment.php?id=$image[0]&quottarget="_blank">
然后替换成:
<div class="attach">图片附件(缩略图):<br /><a href="./attachment.php?id=$image[0]&quottarget="_blank&quotrel="lightbox">
搞定!

网摘: Yahoo Baidu Google Bolaa 365Key Yesky Wozhai POCO ViVi YouNote Hexun Del.icio.us Yeeyoo igooi I2Key Cn3 Bytemen Furl Blinklist Blogmarks Technorati 分享到饭否

« 上一篇: 嘿嘿,为新的网站做了个LOGO | 下一篇:清华校长送毕业生的五句话 »

引用: 点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5
发表评论:( 来了就留个脚印吧!你的参与是我最大的动力!)