Haphic研究了半天,终于明白,原来Z-Blog只是在上传图片时才会在图片的IMG标签中自动加上一个自动缩放图片的函数:

onload="ResizeImage(this,400)"

...

" />
现在的位置: 首页工作学习>正文
关于Z-Blog的图片自动缩放
发表于1160 天前 工作学习 评论数 6 ⁄ 被围观 1,108 views+

好久以来,在FF中浏览我的Blog时就会发现图片都没有自动缩小,但一来做主题时用了自动滚动条属性,使之不会影响整体布局;二来最近总是瞎忙,所以就一直没管它。直到今天偶然从IE中看到自己的Blog时才发现整体布局竟然乱大套了。

Haphic研究了半天,终于明白,原来Z-Blog只是在上传图片时才会在图片的IMG标签中自动加上一个自动缩放图片的函数:

onload=”ResizeImage(this,400)”

如果是用的FCKeditor的“插入图像”功能,那Z-Blog就放手不管了。Z-Blog不给缩放,LightBox也就不起作用了。

再说了,在上传时就把大小写死了,以后再换主题时(譬如两列换成三列),因为正文区宽度不一样了,原来的宽度值就不合适了,难不成还需要从数据库中全都替换一遍?

想了一下,就临时写了个脚本,把它放在模板的最后面,临时解决这一问题:

window.onload=function(){$(“.post-body img”)each(function(){ResizeImage(this,400);})}

其中.post-body是文章正文区所在容器(div/td)的类,不同的主题可能名字不同;400是要缩放到的宽度

懒得把这么点东西写成插件了。

============================================

试了一下,换成以下语句也可以缩小,不过似乎这么用应该不对的呀:

window.onload=function(){$(“.post-body img”).each(function(){ResizeImage(this,400);})}

目前有 6 条留言 其中:访客:5 条, 博主:1 条

  1. ev.code.痞子 : 2008年12月07日10:37:58  1楼 @回复 回复

    这确实是个问题,在一个宽频的主题下贴了一张很大的图片,更换到稍微小一点的主题的时候,图片就会溢出。期待有解决方法啊。

  2. 色福不浅 : 2009年02月14日23:49:05  2楼 @回复 回复

    3栏的BLOG很不错,,效果很好,就是没哟地方放个关高啥的,来点外快。

  3. lover : 2011年01月03日22:32:02  3楼 @回复 回复

    博主很厉害啊,最近一直在为这个问题烦恼。

    请问这段代码window.onload=function(){$(“.post-body img”)each(function(){ResizeImage(this,400);})}是放在哪里呢?直接放吗?有没有其他要做的了呢?

    多谢!

    • 软件兔 : 2011年01月04日11:46:10 @回复 回复

      放在内容页模板的最后面就可以了

  4. longle : 2011年07月14日21:31:08  4楼 @回复 回复

    放在内容页模板的最后面就可以了

    弱弱的问下哪个是内容页模板?博主似乎可以出一个详细点的教程。
    还有怎么找到不同主题的“post-body”,假如换名字了,怎么找出来。

    新手,勿笑。

  5. 黄色 : 2011年09月29日08:08:24  5楼 @回复 回复

    楼主的这台模板要是把阴影取了可能好点

给我留言

留言无头像?