`
jxxms
  • 浏览: 106883 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

长度和宽度自动缩放

阅读更多

高度自动
height:expression(document.180.clientWidth < 180? "180px": "auto" );


宽度限制
 class="imgzoom"
.imgzoom img {behavior: url("${base}/styles/imgzoom.htc");
<script language="javascript">
  var _width = element.width;
  var _hieght = element.height;
  var _maxpixel = _width;
  var _which = "w";
  var maxwidth = 680;
  var maxheight = 680;
 
  //element.onmousewheel = test;
  if (element.width > maxwidth) {
    element.width = maxwidth;
    element.removeAttribute("height");
   
    if (element.parentElement.tagName != "A"){   
      var _html = "";
      _html += "<a href=\""+element.src+"\" target=\"_blank\">";
      _html += element.outerHTML;
      _html += "</a>";
      element.outerHTML = _html;
    }
  }
  /*
  if (height > _width) {
    _maxpixel = _hieght;
    _which = "h";
  }
  if (_which == "w") {
    if (element.width > maxwidth) {
      element.width = maxwidth;
      element.removeAttribute("height");
    }
  }
  else {
    if (element.height > maxheight) {
      element.height = maxheight;
      element.removeAttribute("width");
    }
  }*/

  function test() {
    return zoomimg(element)
  }

function zoomimg(pic){
  var zoom=parseInt(pic.style.zoom,10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) pic.style.zoom=zoom+'%';
  return false;
}
</script>

分享到:
评论

相关推荐

    QT 控件自动缩放

    QT控件自动缩放是Qt框架中的一个重要特性,它允许应用程序在不同分辨率和屏幕尺寸的设备上保持良好的显示效果。这个特性主要通过使用Qt的布局管理器和样式表(QSS)来实现,同时,Qt的QResizeEvent事件也可以帮助...

    PB自动缩放自动居中

    在PowerBuilder(PB)开发环境中,自动缩放和自动居中是两个重要的功能,它们能够帮助开发者创建出更美观、用户友好的界面。标题“PB自动缩放自动居中”表明我们将探讨如何在PowerBuilder应用中实现控件的自动调整...

    js图片自动缩放功能

    使用`HTMLImageElement`对象的`naturalWidth`和`naturalHeight`属性,可以获取到图片本身的原始宽度和高度。例如: ```javascript var img = document.getElementById('myImage'); var originalWidth = img....

    ImageView 宽度设定,高度按比例缩放

    本篇文章将深入探讨如何在固定宽度的情况下,让ImageView的高度根据图片的比例自动缩放。 首先,我们了解一个基本概念:ImageView的`scaleType`属性。这个属性决定了图片在ImageView内的显示方式,常见的有`center`...

    delphi自动根据窗体大小缩放控件大小

    这通常涉及计算新的控件宽度和高度,然后设置它们的`Width`和`Height`属性。 4. **自定义布局管理器**:如果你需要更精细的控制,可以创建自定义的布局管理器。这通常涉及到重写控件类,添加新的属性和方法,并在`...

    c# 控件大小(及字体)随窗口大小改变自动缩放

    本篇文章将深入探讨如何实现C#控件大小及字体随窗口大小改变的自动缩放。 首先,我们要理解Windows Forms和WPF这两个C#中的主要UI框架如何处理控件的大小调整。在Windows Forms中,可以通过设置控件的Anchor和Dock...

    易语言缩放图片源码(指定宽度高度)

    - 图像的尺寸处理,包括等比例缩放和固定尺寸缩放 - 画板组件的使用,用于显示图像 - 编程实践中如何读取、处理和显示图像资源 这个资源对于想要学习易语言图像处理的开发者来说,是一份宝贵的学习材料,可以帮助...

    PB 控件随窗口大小变化自动缩放列子

    3. **动态调整控件大小**:在`Resize`事件中,你可以根据新的窗口尺寸动态计算并设置控件的宽度和高度。这可能涉及到一些数学计算,比如按照比例缩放或者保持宽高比等。 4. **控件之间的相对位置**:为了保持界面的...

    对话框内部控件自动缩放类(外国)

    "对话框内部控件自动缩放类"就是为了解决这个问题而设计的,它能够自动调整对话框中的控件尺寸,确保在不同屏幕环境下保持界面的清晰和易用。 这个外国开发的类可能基于MFC(Microsoft Foundation Classes)库,这...

    CSS控制DIV里图片的宽度固定 而高度自动缩放比例.docx

    如果图像的原始宽度和高度比例与我们设定的宽度一致,那么高度会自动缩放以适应新的宽度。 3. **使用百分比单位**: 如果需要使图像的宽度相对于其父元素的宽度,可以使用百分比单位,如`width: 100%`。这将使图像...

    C#实现控件随窗体拖动而自动缩放其大小

    在C#编程中,实现控件随窗体拖动而自动缩放其大小是一个常见的需求,尤其是在设计响应式用户界面时。本文将深入探讨如何利用C#中的事件处理和属性调整来实现这一功能,帮助开发者创建更加用户友好的界面。 ### 核心...

    一个实现PB窗口控件的自动缩放功能的例程

    2. **计算缩放比例**:获取窗口的新尺寸和旧尺寸,然后计算出宽度和高度的缩放比例。 3. **遍历并调整控件**:遍历窗口内所有的控件,包括直接子控件以及UserObject中的控件。对于每个控件,根据其原始位置和大小,...

    窗口自动缩放

    窗口自动缩放是一种在软件开发中常见的功能,特别是在桌面应用中,它允许用户根据显示器的分辨率或窗口大小的变化,使程序界面的控件自动调整布局和尺寸,保持良好的视觉效果和用户体验。本程序是使用PowerBuilder ...

    jquery自动缩放

    // 获取窗口宽度和高度 var windowWidth = $(window).width(); var windowHeight = $(window).height(); // 根据需要设置缩放比例或固定尺寸 var scaleProportion = 0.5; // 这里可以自定义缩放比例 ...

    自动缩放窗体内的控件

    2. 设计适应缩放的控件布局:在设计阶段,避免使用固定宽度和高度的控件,而是使用相对单位(如百分比)或依赖于其他控件的大小。 3. 处理窗体的`Load`事件:在窗体加载时,可以调用`AutoScaleDimensions`属性设置...

    delphi 自动根据窗体大小缩放控件

    // 获取窗体的新宽度和高度 NewWidth := ClientWidth; NewHeight := ClientHeight; // 更新控件的位置和大小 Control1.Left := NewWidth * 0.2; // 控件1左边界占窗体宽度的20% Control1.Top := NewHeight * ...

    利用jquery自动缩放图片

    可以在任何block元素内自动加载图片,注意要为此元素设定高度和宽度。 在元素上指定图片缩放的高和宽,data-img-size="200,200",再指定图片地址,data-img-url='201202290527DD55232D.jpg',js中调用imgAutoResizer...

    Python代码批处理图片,按照宽度等比例缩放

    要按宽度等比例缩放图片,我们首先需要打开图片,获取其当前尺寸,然后根据新的宽度计算出相应的高度,最后使用resize()方法进行缩放。以下是一个基本的Python代码示例: ```python from PIL import Image def ...

    VS2008下控件随窗口自动缩放

    4. **调整控件大小**:同样使用比例因子调整每个控件的宽度和高度,保持其与窗口的相对比例。 5. **处理特殊情况**:某些控件可能需要特殊处理,比如静态文本控件,其文字大小可能也需要相应调整。 6. **重绘...

    网页图片自动按照比例缩放到指定大小

    网页图片的自动缩放是一个常见的需求,特别是在网页设计和开发中。当用户上传的图片尺寸过大时,不仅可能拖慢页面加载速度,还可能导致布局错乱,破坏整体的视觉效果。针对这一问题,我们可以利用编程技术实现图片按...

Global site tag (gtag.js) - Google Analytics