如果图像太大，如何缩小尺寸？

发布于 2024-10-31 21:12:45 字数 447 浏览 1 评论 0原文

在上面的链接中，您可以看到中间的新闻帖子有一个图像那太大了。新闻信息是从数据库中取出的，因此我不确定如何仅更改某些图像上的图像宽度。理想情况下，我希望任何宽度超过 300 像素的图像都保持在 300 像素。这就是我到目前为止所拥有的：

echo '<img src="media/'.$row['media1'].'" class="floatLeftClear" id="border">';

我厌倦了在上面的语句中添加 width="300" ，但这使得所有图像都变成了我不想要的 300px 。我只想将大于 300 像素的图像缩小到 300。

有人能给我指出正确的方向吗？

原文

My Website

On the above link you can see that the middle news post has an image that is just too big.
The info for the news is taken out of a database so I'm not sure how to change the width of the image on only certain images. Ideally I'd like to have any image that is over 300px wide to be kept at 300px. This is what I have so far:

echo '<img src="media/'.$row['media1'].'" class="floatLeftClear" id="border">';

I tired adding width="300" to the above statement but that made ALL of the images become 300px which I don't want. I only want images bigger than 300px to be reduced to 300.

Can someone point me in the right direction please!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

痴梦一场 2024-11-07 21:12:45

如果您不想在服务器上物理调整图像大小（这是理想的解决方案），您可以通过 CSS 设置 max-width 属性。

img {
  max-width:300px;
}

请注意，IE6 及以下版本不支持该属性。

If you don't want to physically resize the images on the server, which would be the ideal solution, you can set the max-width property via CSS.

img {
  max-width:300px;
}

Note that the property is not supported in IE6 and below.

回复收藏 0 原文

相思碎 2024-11-07 21:12:45

该代码有助于调整图像大小。它的高度和宽度的调整取决于最大宽度，

function fixImgs(whichId, maxW) {
  var pix=document.getElementById(whichId).getElementsByTagName('img');
  for (i=0; i<pix.length; i++) {
    w=pix[i].width;
    h=pix[i].height;
    if (w > maxW) {
      f=1-((w - maxW) / w);
      pix[i].width=w * f;
      pix[i].height=h * f;
    }
  }
}


fixImgs('photos', 108);  // ('element ID', maximum width)

但有一件事是图像大小（KB）没有减少。我希望它对你有帮助。

The code helps to resizing the image. its resize the height and width depends upon the max width

function fixImgs(whichId, maxW) {
  var pix=document.getElementById(whichId).getElementsByTagName('img');
  for (i=0; i<pix.length; i++) {
    w=pix[i].width;
    h=pix[i].height;
    if (w > maxW) {
      f=1-((w - maxW) / w);
      pix[i].width=w * f;
      pix[i].height=h * f;
    }
  }
}


fixImgs('photos', 108);  // ('element ID', maximum width)

But one thing the image size(KB) is not reduce. I hope its help to you .

回复收藏 0 原文