07-11
28

Lightbox在fck中无法显示与WBC相关日志冲突的完全解决方案

打开header.asp 插入以下代码
程序代码
    <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>


打开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)
      

修改完之后,发现小图有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+'" rel="lightbox[roadtrip]"  target="_blank" title="Http://www.new321.com/">'+document.images[i].outerHTML+'</a>'
       }
   }
  else{
    if (document.images[i].width>500) {
      document.images[i].title="在新窗口打开图片"
      document.images[i].style.cursor="pointer"
      document.images[i].onclick=function(e){window.open(this.src)}
    }
  }
  }
}


Lightbox JS 2.0 与 WBC相关日记 冲突解决办法
安装了WBC后,会导致Lightbox效果无法使用。经过试用,解决办法如下:

找到pjblog根目录下ajaxJS.js(安装WBC相关日记后产生的文件),用编辑软件打开,比如记事本。
找到最前面四行文字:
程序代码
function $(id)
{
return document.getElementById(id);
}


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 插件 PJBLOG Lightbox
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.