首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery/PHP -直接调整图像大小

jQuery/PHP -直接调整图像大小
EN

Stack Overflow用户
提问于 2011-04-06 12:28:49
回答 3查看 657关注 0票数 0

假设我有几张不同宽度和高度的图像,我希望所有的图像都适合200宽200高的img标签,并成正比(图像不会失真)。

如何在PHP或Jquery中实现?

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-04-06 12:32:31

代码语言:javascript
运行
复制
var max = 200;
$('img').each(function ()
{
    var $this = $(this);
    if ($this.height() > $this.width())
    {
        $this.height(max);
    }
    else
    {
        $this.width(max);
    }
});

http://jsfiddle.net/mattball/qtVkT/

票数 2
EN

Stack Overflow用户

发布于 2011-04-06 12:36:43

这将把类为'image‘的所有图像限制为<= 200x200px

如果你想让它放在200x200的盒子里,那就把它包装在200x200px的div中

代码语言:javascript
运行
复制
$('.image').each(function(){
   var $this = $(this);
   $this[$this.width() > $this.height() ? 'width' : 'height'](200);
});
票数 1
EN

Stack Overflow用户

发布于 2011-04-06 12:33:16

来自this tutorial

  • 我们假设缩略图应该是100像素(宽或高)。
  • 我们加载原始图像,并检查其尺寸。
  • 如果图片大于宽,我们将拇指的高度设置为100像素。
  • 缩略图的宽度是原始宽度乘以100像素的原始高度=原始宽度* (100 /原始高度)

< height.

  • Thumbnail >H112这样我们可以保留原始纵横比。
  • 如果原始图片的宽度大于高度,我们对thumbnail.
  • If的高度做了相同的处理,它们是相同的,我们只是创建了一个100x100像素的图像。

使用jQuery调整图像的大小是一种糟糕的做法,如果你可以使用GD库,我建议你不应该这么做。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5561456

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档