|
Tuesday, 22 March 2005 21:18 |
|
图片过大会把表格撑开，造成排版混乱。我这里有一个简单的方法，经我测试蛮好用的。
代码只有一段：
包含两个参数：“图片地址” 和 “最大宽度”
| 代码: |
<a href="图片地址" target="_blank" title="打开新窗口看图">
<img src="图片地址" border="0" onload="javascript:if(this.width>最大宽度) this.width=最大宽度" />
</a>
|
如果图片的宽度超过“最大宽度”，就可以自动缩略了。
//////////////////////////////////////////////////////////////////////////
下面拿phpbb论坛帖子的贴图举例：
1. 打开com_forum/templates/你的模版/bbcode.tpl
（用写字板或其他编辑软件打开）
2. 找到这段：
| 代码: |
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
|
3. 替换成这样：
| 代码: |
<!-- BEGIN img -->
<a href="{URL}" target="_blank" title="打开新窗口看图">
<img src="{URL}" border="0" onload="javascript:if(this.width>400) this.width=400" />
</a>
<!-- END img -->
|
就可以了。
////////////////////////////////////////////////////////////////////////////
如果要缩略phpbb论坛帖子的附件里的图，就要打开
com_forum/templates/你的模版/viewtopic_attach_body.tpl
里面<!-- BEGIN cat_images -->下面就是图片附件的显示了。
这时图片地址为{PHPURL}{postrow.attach.cat_images.IMG_SRC}
////////////////////////////////////////////////////////////////////////////
说到这里大家都可以举一反三了吧~~所有地方的图片都可以这样包起来~~
注意：
1. 此方法在本机和服务器上均测试通过，但是改代码都有风险，要慎重。
2. 此方法用的onload来实现判断图片大小，虽然简便，但是有一个缺点，如果多刷新几次自动缩略图就会失效。个人想法是因为第一次加载图片时有load动作，onload函数才有效，多次浏览后就不会再load同样的图片了，所以就无法判断图片大小了。
3. 谁知道更好的解决方法请告诉我。谢谢 本站原创 zijie.net
|
学习资料 
Subscribe to this comment's feed
