为大图片进行自动等比缩放
作者:动易网络
来源:动易网络
点击数: 次
发布时间:2010年02月04日
我们在发布内容时,时常会遇到上传了一张较大的图片,前台呈现的时候不是被遮住了一部分不显示,就是将整个页面撑宽了,最终给浏览者带来了一个不理想的页面,如下图:
2010-2-4 11-48-20.png (大小:120.8 K 下载次数:0)
以前的处理方法多半是直接修改上传图片的代码在图片中加了一个函数,然后再控制,这样如果文章内容复制到其他地方,没有相应的脚本代码的话,就会经常出现脚本错误,今天我们准备一段简短的JavaScript脚本代码来协助解决这个问题。
自动等比缩放脚本代码:
这里我们只需要注意脚本代码中最后的部分“('c_content_text',550);”在以逗号分隔的前后两个参数意义分别为:需要进行图片自动缩放的最外层容器和图片大于多少时候进行自动缩放至指定的宽度。
最后我们将这段代码放在需要的进行等比缩放页面底部,结束标记的前面即可。如下图:
2010-2-4 11-51-29.png (大小:97.5 K 下载次数:0)
注意:页面必须有容器,如 “
2010-2-4 11-48-20.png (大小:120.8 K 下载次数:0)
以前的处理方法多半是直接修改上传图片的代码在图片中加了一个函数,然后再控制,这样如果文章内容复制到其他地方,没有相应的脚本代码的话,就会经常出现脚本错误,今天我们准备一段简短的JavaScript脚本代码来协助解决这个问题。
自动等比缩放脚本代码:
这里我们只需要注意脚本代码中最后的部分“('c_content_text',550);”在以逗号分隔的前后两个参数意义分别为:需要进行图片自动缩放的最外层容器和图片大于多少时候进行自动缩放至指定的宽度。
最后我们将这段代码放在需要的进行等比缩放页面底部,结束标记的前面即可。如下图:
2010-2-4 11-51-29.png (大小:97.5 K 下载次数:0)
id="c_content_text">..带图片的文章内容...
"