关于Z-Blog的图片自动缩放
添加评论
2008年12月6日
好久以来,在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);})}
这确实是个问题,在一个宽频的主题下贴了一张很大的图片,更换到稍微小一点的主题的时候,图片就会溢出。期待有解决方法啊。
3栏的BLOG很不错,,效果很好,就是没哟地方放个关高啥的,来点外快。