PJblog使用小记。[关于修改了Lightbox JS 2.0]

用PJblog已经有一个多月了。以前用的是LBS^2，但是sic可能工作比较忙，所以日志已经好几个月没有坐更新了，而且功能也比较简单。后来发现很多人用的都是PJblog,所以下来试用一下，没想到效果真是颇赞的，一下就喜欢上了。

Pjblog插件倒是很多的，也蛮好玩，也有相当一部分人是为了玩酷而用pjblog的，所以装了一大堆插件和皮肤。
但是我就安装了几个小插件，然后自己修改了一点点。

一.模仿 异次元の世界 修改了底部的东东。
二.在添加了自动输入验证码的功能，因为验证码我觉得暂时没必要了，自己写都比较麻烦，所以还是让程序自动填写算了。

三.关于Lightbox JS 2.0 for PJblog
在网上乱溜达，突然看到了Lightbox JS 2.0 这个功能，突然想到，自己经常会拍一下PP放在博客里面，如果把PJBLOG也做成这个效果，不是挺好的？

1）.研究一下之后，发现Lightbox JS 2.0其实用起来是比较简单的，只要调入相关JS，然后在图片的链接上加入rel="lightbox" 这个标签就可以实现效果了。
Lightbox JS 2.0下载后，有3个文件夹，一个JS，一个CSS，一个images，其中分别放置JS脚本文件，CSS样式表文件和图片文件。
考虑到在pjblog内如果文件夹较多，比较分散，怕出错的原因，我就建立了一个文件ightbox，把所有的文件全部放在里面，并且在相关JS和CCS文件内修改了相关路径。

然后把

程序代码

 <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="lightbox/prototype.js"></script>
    <script type="text/javascript" src="lightbox/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="lightbox/lightbox.js"></script>

这几个代码插入header.asp内。

2).再修改common/ubbcode.asp内关于[img][/img]标签把UBB翻译成Html的代码。使之自动在图片链接上添加rel="lightbox[roadtrip]" title="coos.cn" 这个代码。
其中[roadtrip]表示集合图片，就是把一个网页内的图片作为一个集合来打开；title="coos.cn" 就是在图片左下显示的文字。

打开common/ubbcode.asp，找到下面代码：

程序代码

        IF Not DisUBB=1 Then
            IF Not DisIMG=1 Then
                      re.Pattern="(\[img\])(.[^\]]*)\[\/img\]"
                    Set strMatchs=re.Execute(strContent)
                    For Each strMatch in strMatchs
                        tmpStr1=(strMatch.SubMatches(1))
                        strContent=replace(strContent,strMatch.Value,"<img src="""&tmpStr1&""" border=""0"" alt=""""/>",1,-1,0)

把它修改成：

程序代码

        IF Not DisUBB=1 Then
            IF Not DisIMG=1 Then
                      re.Pattern="(\[img\])(.[^\]]*)\[\/img\]"
                    Set strMatchs=re.Execute(strContent)
                    For Each strMatch in strMatchs
                        tmpStr1=(strMatch.SubMatches(1))
                        strContent=replace(strContent,strMatch.Value,"<a href="""&tmpStr1&""" rel=""lightbox[roadtrip]"" title=""coos.cn""><img src="""&tmpStr1&""" border=""0"" alt=""""/></a>",1,-1,0)
                    Next

3）.修改完之后，发现小图有Lightbox效果，而大图却开新窗口来打开。
通过观察得到，pjblog会把宽大于500PX的图片缩小，变成500PX的图片，然后这个图片可以新开窗口打开‘而小于500PX的图片保持原状，并且不可以新窗口打开。

这是common/common.js的相关代码：

程序代码

//查找网页内宽度太大的图片进行缩放以及PNG纠正
 function ReImgSize(){
  for (i=0;i<document.images.length;i++)
   {
   if (document.all){
    if (document.images[i].width>500)
     {
       document.images[i].width="500"
       document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
       }
   }
  else{
    if (document.images[i].width>400) {
      document.images[i].title="在新窗口打开图片"
      document.images[i].style.cursor="pointer"
      document.images[i].onclick=function(e){window.open(this.src)}
    }
  }
  }
 }

我把它修改成：

程序代码

//查找网页内宽度太大的图片进行缩放以及PNG纠正
 function ReImgSize(){
  for (i=0;i<document.images.length;i++)
   {
   if (document.all){
    if (document.images[i].width>400)
     {
       document.images[i].width="450"
       }
   }
  else{
    if (document.images[i].width>400) {
      document.images[i].title="在新窗口打开图片"
      document.images[i].style.cursor="pointer"
      document.images[i].onclick=function(e){window.open(this.src)}
    }
  }
  }
 }

至此，基本打工告成。

最后在bbs.pjhome.net发帖提供下载：

http://bbs.pjhome.net/viewthread.php?tid=9919


4）.  Lightbox JS 2.0 与 WBC相关日记 冲突解决办法

安装了WBC后，会导致Lightbox效果无法使用。经过试用，解决办法如下：

找到pjblog根目录下ajaxJS.js（安装WBC相关日记后产生的文件），用编辑软件打开，比如记事本。
找到最前面四行文字：

程序代码

function $(id)
{
return document.getElementById(id); 
}

把它删除，就可以了。

我也已经发帖：

http://bbs.pjhome.net/viewthread.php?tid=10105