上一篇
下一篇
08-07
10
修改PJBlog日志内容里的图片宽度使自适应页面宽度的办法
作者:水寒 日期:2008-07-10
PJBlog2默认日志内出现的图片如果大小超过了630px那么就会自动缩小到630px的宽度，而且当鼠标经过图片时会变成一支手，可以点击图片打开图片大图，这样使用的目的当然是好的，要不然你上传一个1280px宽的图片会把日志框撑开，样子可想而知有多难看了。
如果不喜欢这样的效果或者嫌630px宽度不适合你，那么下面的做法可以使你自定义最大宽度，甚至修改掉这个功能，让图片完整的100%显示，而且图片上也不会点击打开原始图片。
修改以下代码即可：
代码位置：common/common.js
找到如下内容(没有修改过该文件的话在4-25行)
程序代码
如果不喜欢这样的效果或者嫌630px宽度不适合你，那么下面的做法可以使你自定义最大宽度，甚至修改掉这个功能，让图片完整的100%显示，而且图片上也不会点击打开原始图片。
修改以下代码即可：
代码位置：common/common.js
找到如下内容(没有修改过该文件的话在4-25行)
程序代码//查找网页内宽度太大的图片进行缩放以及PNG纠正
function ReImgSize(){
for (i=0;i<document.images.length;i++)
{
if (document.all){
if (document.images[i].width>630) '第1步：把630修改成你需要的，如600。
{
document.images[i].width="630" '第2步：把630修改成你需要的，如600。
try{
document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
}catch(e){}
}
}
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)}
}
}
}
}
function ReImgSize(){
for (i=0;i<document.images.length;i++)
{
if (document.all){
if (document.images[i].width>630) '第1步：把630修改成你需要的，如600。
{
document.images[i].width="630" '第2步：把630修改成你需要的，如600。
try{
document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
}catch(e){}
}
}
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)}
}
}
}
}
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: -
发表评论
