`

图片大小自适应

    博客分类：
  • html
 
阅读更多
<body>
<img  id="achome" src="http://image2.sina.com.cn/ent/y/2006-10-09/U1819P28T3D1276435F326DT20061009152013.jpg" />
</body>

<script>
// 取得img元素
var imageArr=document.getElementById("achome");

alert("图片原始大小为550x734");

// 图形的宽/高比
imageRate=parseInt(imageArr.style.width)/parseInt(imageArr.style.Height);

//
if(imageArr.offsetWidth>200)
{
alert("现在使图片自适应大小...");
imageArr.style.width="200px";
imageArr.style.height=200/imageRate+"px";
}
</script>
分享到：
| apache2"NameVirtualHost *:80 has no Virt ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    根据图片大小自适应的CSS

    在探讨“根据图片大小自适应的CSS”这一主题时，我们深入分析了如何利用CSS（层叠样式表）来确保图片能够根据不同设备和屏幕尺寸自动调整其大小，从而实现响应式设计的效果。以下是对该主题的详细解析： ### 一、...

    swift-TableViewCell图文混排图片大小自适应

    在这个"swift-TableViewCell图文混排图片大小自适应"项目中，开发者着重解决了图片大小自适应的问题，同时保证了整体布局的美观和效率。 首先，我们来探讨如何实现图片大小自适应。在iOS开发中，我们可以利用...

    Halcon10.0+MFC编程 实现获取图片大小自适应PictureControl和存储

    Halcon10.0+MFC编程 实现获取图片大小自适应PictureControl和存储，用户可以选取电脑里的任意图片，在获取之后还可以实现对图片进行任意位置的存储功能

    java 水印（水印适应图片大小，但个别图片太小不支持）

    本知识点主要探讨如何在Java中实现自适应图片大小的水印功能，以及遇到图片过小时的处理策略。 首先，我们需要理解水印的基本概念。水印是在图像或文档上添加的一种视觉标记，它可以是文字、图像或者图形，用于表明...

    VC 显示自适应大小的图片.rar

    VC 显示自适应大小的图片，在ImgView里显示一张自适应的图片，它使用了一个叫"CPicture"的类来封装IPicture。CPicture将一些麻烦的COM类型的参数映射为那些更容易被MFC程序员接受的类型，在CPicture里，你可以控制按...

    android Webview加载本地图片，自适应布局大小

    此外，还可以通过JavaScript与Java代码交互来动态调整图片大小。使用`WebChromeClient`和`WebViewClient`的回调方法，可以监听页面加载事件，当页面加载完成后，通过JavaScript获取图片的实际宽度和高度，然后调整...

    Jquery图片自适应大小并居中

    - 当调整图片大小时，需要注意不要破坏图片的原始比例。 - 居中对齐时，确保计算的`margin-top`值正确无误。 - 在编写Jquery代码时，需要注意语法格式，尤其是对于不熟悉Jquery语法的开发者来说，要避免将其他编程...

    jQuery图片滚动自适应浏览器

    2. **图片自适应**：在响应式网页设计中，图片自适应是指图片能够根据浏览器窗口大小自动调整尺寸，确保在任何设备上都能良好显示。这通常通过CSS3的`max-width: 100%`属性来实现，确保图片宽度不超过其容器宽度。 ...

    labview图像读取 自适应图片大小.vi

    labview图像读取 自适应图片大小.vi

    图片尺寸自适应算法

    WebP是一种现代的图片格式，支持有损和无损压缩，且在许多情况下，相比于JPEG和PNG，它能提供更小的文件大小，这对于自适应图片加载尤为重要。 9. **SVG图形**： 对于图标和简单的图形，使用可缩放矢量图形（SVG...

    js实现图片自适应大小效果

    js实现图片自适应大小，需要引用jquery

    jquery图片浏览自适应大小

    "jQuery图片浏览自适应大小"是一个技术解决方案，旨在优化用户体验，确保图片在不同设备和屏幕尺寸下都能以最佳方式展示。这个话题涉及到JavaScript库jQuery的使用，以及响应式设计的一些基本原理。 首先，jQuery是...

    IOS图片自适应大小后绘制在Scrollview上

    在iOS中，图片的大小可能与显示区域不匹配，这时我们需要让图片自适应视图的大小，以保持原始比例不失真。这通常通过设置UIImageView的`contentMode`属性来实现。例如，`UIViewContentModeScaleAspectFit`会保证图片...

    HTML中使背景图片自适应浏览器大小.docx

    这篇文章将详细介绍如何使背景图片自适应浏览器大小，并提供了两个解决方案。 一、背景图片自适应浏览器大小的重要性 在现在的响应式网页设计中，背景图片的自适应浏览器大小是一个非常重要的技术点。随着移动设备...

    jQuery.flexslider图片插件自适应屏幕大小带缩略图

    它允许图片和内容根据屏幕大小自动调整，提供优秀的用户体验，尤其是在移动设备上。 1. **jQuery基础**：Flexslider 基于 JavaScript 库 jQuery 构建，jQuery 是一个轻量级的库，简化了DOM操作、事件处理和动画效果...

    纯js实现div内图片自适应大小(已测试，兼容火狐)

    在某些情况下，图片的宽高比可能都大于或等于div的宽高比，此时我们需要找到两者之间的最大值，然后用这个最大值作为比例调整图片大小。 3. 调整图片位置： 在调整图片大小后，可能会出现图片的高度小于div的情况...

    边框自适应大小的jquery图片展示特效.rar

    一款基于jqeury插件实现的焦点图特效，有意思的是，图片边框可根据显示的图片大小自适应大小，在DEMO演示页页中，你可以设置自动播放图片轮换时间：单位毫秒，图片变形时间：单位毫秒，从第几张开始播放，遮罩的不...

    CSS控制图片背景自适应大小

    CSS控制图片背景自适应大小

    html图片自适应手机屏幕大小的css写法

    针对给定文件提供的内容，我们将详细探讨在HTML中使用CSS实现图片自适应手机屏幕大小的方法。以下内容将涵盖相关的知识点，包括CSS属性、选择器、以及与响应式设计相关的概念。 首先，我们注意到文件中提供了一段...

    CSS强制图片自适应大小.rar

    标题"CSS强制图片自适应大小.rar"揭示了我们今天要探讨的核心技术，即如何利用CSS来让图片根据容器大小进行自适应调整，确保无论图片原始尺寸如何，都能在网页中以580px的最大宽度展示。这在响应式设计中尤其重要，...

Magicbox
Global site tag (gtag.js) - Google Analytics