上一篇
下一篇
07-11
28
Lightbox在fck中无法显示与WBC相关日志冲突的完全解决方案
作者:Java伴侣 日期:2007-11-28
打开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)
把它修改成：
程序代码
修改完之后，发现小图有Lightbox效果，而大图却开新窗口来打开。
通过观察得到，pjblog会把宽大于500PX的图片缩小，变成500PX的图片，然后这个图片可以新开窗口打开‘而小于500PX的图片保持原状，并且不可以新窗口打开。
这是common/common.js的相关代码：
程序代码
//查找网页内宽度太大的图片进行缩放以及PNG纠正
Lightbox JS 2.0 与 WBC相关日记 冲突解决办法
安装了WBC后，会导致Lightbox效果无法使用。经过试用，解决办法如下：
找到pjblog根目录下ajaxJS.js（安装WBC相关日记后产生的文件），用编辑软件打开，比如记事本。
找到最前面四行文字：
程序代码
程序代码
<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)
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)}
}
}
}
}
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);
}
{
return document.getElementById(id);
}
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 864
发表评论
