解决图片撑大问题

来源:风之相随'S BLOG 时间:2009-09-22 14:51:00 

有两种方法供参考.

一种是实实在在的将图片先用ASPJPEG组件做成想要的尺寸,再读取

好处是节省服务器带宽,速度快

坏处是处理起来较为麻烦,并网络贴过来的图没办法处理.

还有一种方法是,只设定图片的宽度或只设定图片的高度(在代码中直接设置,不用JS)。
如<img src="1.jpg" width="300">
或<img src="1.jpg" height="300"> 图片读取时会跟据你的设置自动缩放比例

好处是设计起来非法简单

坏处是只能设一个值,可能达不到你想要的结果。

还有一个办法就是

<div style="width:300px;height:350px;overflow:hidden;">
<img  src="1.jpg" onload='javascript:if(this.width>300)this.width=300;if(this.height>350)this.height=350'>
</div>

将图片放到一个DIV内,DIV设置宽和高,将设置超出部分属性为隐藏,这样图片在预读时很大也不会出撑宽表格了。

不过以上三种方法都可以解决撑大的问题。

标签:图片,尺寸
0
投稿

猜你喜欢

  • Python下利用BeautifulSoup解析HTML的实现

    2021-11-20 03:33:54
  • python如何利用cv2.rectangle()绘制矩形框

    2021-03-14 10:12:51
  • Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)

    2023-12-08 18:55:11
  • YOLOV5代码详解之损失函数的计算

    2022-06-09 02:01:58
  • mysql 8.0.11安装配置方法图文教程

    2024-01-27 17:22:08
  • 详解Gotorch多机定时任务管理系统

    2024-04-26 17:35:17
  • Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例

    2022-11-13 00:12:24
  • python numpy数组中的复制知识解析

    2023-08-10 14:41:33
  • python 集合常用操作汇总

    2023-11-15 08:41:22
  • Pycharm虚拟环境pip时报错:no suchoption:--bulid-dir的解决办法

    2023-02-15 20:56:11
  • jQuery 横向滚动图片

    2009-03-11 13:09:00
  • Python中的axis参数的具体使用

    2021-06-14 19:42:53
  • 可能是最通俗的一篇介绍markdown的文章

    2022-08-09 09:48:43
  • MYSQL中怎样设列的默认值为Now()的介绍

    2008-11-01 16:54:00
  • 一篇文章教你用python画动态爱心表白

    2021-02-10 04:14:38
  • Python flask 框架使用flask-login 模块的详细过程

    2021-05-02 04:38:08
  • 教你如何使用Python开发一个钉钉群应答机器人

    2023-08-03 17:44:16
  • Javascript动态伸缩+淡出淡入

    2024-06-22 02:57:21
  • Python django搭建layui提交表单,表格,图标的实例

    2022-09-18 19:40:19
  • 分享MYSQL插入数据时忽略重复数据的方法

    2024-01-17 15:04:49
  • asp之家 网络编程 m.aspxhome.com