`
jessen163
  • 浏览: 465393 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

让图片自动适应大小

 
阅读更多
function imgadapter(obj,width,height)
{
var max_height = height; //设置最大高度
var max_width = width; //设置最大宽度
var real_height = obj.height;
var real_width = obj.width;
if(obj.height>max_height)
{
obj.height = max_height;
obj.width = Math.round(obj.height*real_width/real_height);
}
if(obj.width>max_width)
{
obj.width = max_width;
obj.height = Math.round(obj.width*real_height/real_width);
}
}

将这个方法放在图片的位置就可以使用了
分享到:
评论

相关推荐

    背景图片自动调整大小

    ### 背景图片自动调整大小技术解析 #### 技术背景与应用场景 在Web开发领域,背景图片的处理是一项非常重要的技术。特别是在早期的浏览器兼容性问题中,如何让背景图片随着页面或者容器的大小变化而自动调整,成为...

    JAVA实现的图片大小随意拉动调整

    这个功能在很多应用中都非常实用,比如图像查看器、编辑器或者任何需要展示可调整大小图片的软件。 首先,我们需要导入必要的Java Swing库,包括`javax.swing.*`和`java.awt.*`,这两个库包含了构建GUI和处理图像所...

    控制一个DIV内所有图片宽度超出后自动调整为指定大小

    特别是在响应式设计中,图片需要能够根据不同的设备屏幕尺寸自动调整大小。本文将详细介绍如何通过CSS实现当一个`<div>`容器内的所有图片宽度超过650像素时,自动调整这些图片的宽度至650像素,并保持原有比例不变。...

    右键调整图片大小XP

    3. 使用功能:在资源管理器中选中需要调整的图片,然后右键点击,选择“调整图片大小”,系统会根据预设的比例自动调整图片,并生成一个新的副本,原图保持不变,避免误操作导致数据丢失。 标签“图片”、“调整”...

    自动调整大小的jquery图片展示特效

    【标题】"自动调整大小的jquery图片展示特效"涉及到的核心技术是使用JavaScript库jQuery来实现网页上图片的动态适应和展示。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计...

    Python 如何设置能够自动适应窗体大小的背景图片 Python源码

    Python 如何设置能够自动适应窗体大小的背景图片 Python源码Python 如何设置能够自动适应窗体大小的背景图片 Python源码Python 如何设置能够自动适应窗体大小的背景图片 Python源码Python 如何设置能够自动适应窗体...

    嵌入到HTML的iframe自动适应大小

    1. **初始化**:定义了一个数组`iframeids`,其中包含了需要自动调整大小的iframe的id。在实际应用中,这个数组可以根据需要动态生成或静态定义。 2. **循环处理**:通过`for`循环遍历`iframeids`数组,对每一个...

    Javascript根据图片自动设置窗口大小

    Javascript根据图片自动设置窗口大小

    易语言源码调整图片框大小模块源码.rar

    "调整图片框大小-透明标签版.ec" 和 "调整图片框大小-透明标签版.e" 是两个相关的源代码文件,它们可能实现了图片框大小调整功能,并且可能支持透明标签,这意味着在调整图片框大小时,背景可以透过图片框的部分区域...

    自动调整大小的View

    标题"自动调整大小的View" 提到的是一个特殊的 `View` 类,它具备根据需求自动调整大小的功能,这通常涉及到自定义 `View` 的实现。这种功能对于创建动态布局或高度互动的用户界面非常有用,例如,当用户可以通过...

    通过JS自动调整图片的大小以适应div的高和宽

    在网页设计中,图片的展示效果对于...总结起来,通过结合CSS和JavaScript,我们可以实现图片自动调整大小以适应div,并保持原始的长宽比。这不仅提高了页面的响应性,还能确保图片在各种屏幕尺寸下都有良好的显示效果。

    一款批量图片自动去除黑边、调整大小、压缩体积的软件.exe

    本软件能批量处理本地图片,具有范围裁剪、自动去除黑边、调整大小、压缩体积等功能。 通过范围裁剪和去黑边两种功能配合,可以绕过图片边缘的干扰色块,提取图片中部的所需内容。一键去除黑边打开主程序,将任意 ...

    图片超出div大小,自动调整

    图片超出div大小,自动调整,谷歌ie8、10测试通过,其他的没试应该都好使。。。

    gridcontrol显示图片,并自动适应行高,无图片时高度固定,有图片自动适应

    gridcontrol显示图片,并自动适应行高,无图片时高度固定,有图片自动适应,例如:固定行高50,图片列宽度为100,插入一个200*300的图片,在列中只会显示100*150,行高为150,无图片列行高为50

    多张图片转pdf,图片大小适应页面

    综上所述,利用`itext-asian(5.2.0)`和`itextpdf`,你可以轻松地实现多张图片转换为PDF,并让图片自动适应PDF页面大小。这是一项实用的技能,对于需要处理大量图像数据的开发者来说尤其有用。

    图片格式转换 大小 调整工具

    2. **分辨率与质量**:调整大小时需注意分辨率,过高会导致文件过大,过低会影响清晰度。同时,调整过程中可能涉及图像质量的调整,比如降低质量以减小文件大小。 3. **压缩算法**:图片软件通常采用有损(如JPEG)...

    自动调整图片软件

    1. **图片大小调整**:自动调整图片软件的核心功能之一就是改变图片的尺寸。这通常涉及到像素宽度和高度的调整,以适应不同的展示平台或满足特定的上传要求。例如,社交媒体平台对头像或封面图片的尺寸有固定要求,...

    层固定,图片自动大小且居中

    总结一下,实现“层固定,图片自动大小且居中”的核心CSS技术包括:固定层的尺寸、设置图片最大尺寸为100%、将图片设为绝对定位并利用`transform`进行居中调整。通过这种方式,我们可以确保不论图片原始尺寸如何,...

    kindeditor上传图片自动压缩过大的图片

    总的来说,实现KindEditor上传图片自动压缩过大的图片,需要结合服务器端脚本处理和合适的图像处理库。这个过程不仅可以提高网站性能,也可以帮助维护服务器资源,为用户提供更好的体验。记得在实现时考虑错误处理和...

    access+窗体自适应大小

    这是针对access97/2000所做的自动调整窗体和控件大小的控件,使你的窗口在缩放的时候各控件位置和大小会自动调整。这样你的程序即可在640*480分辨率下运行,也可在800*600下运行,而且在任何大小情况下,窗体里的...

Global site tag (gtag.js) - Google Analytics