【问题标题】:Limiting size of bbcode [img]限制 bbcode 的大小 [img]
【发布时间】:2011-06-24 17:34:14
【问题描述】:

我有一个 bbcode 解析器,

[img]imageurl[/img]

bbcodes 进入,

<img src="imageurl" alt="" /> 

唯一的问题是,我希望能够在不弄乱纵横比的情况下对这些图像强制执行最大宽度和最大高度,但是我无法检查大小并事先调整大小,因为 bbcode 解析器不是那样聪明的。有没有办法在不知道图像尺寸的情况下使用内联 css 或 javascript 来强制执行图像最大尺寸的纵横比?

我知道我可以更改 bbcode 解析器来设置标签样式的最大宽度,但这似乎不适用于 IE6。

【问题讨论】:

  • 离开 IE6。它需要离开。

标签: javascript html bbcode


【解决方案1】:

使用css:

img {
  max-width:30em;
  max-height:10em;
}

可能与容器结合使用,因此您的 bbcoded 帖子中只有最大尺寸的图片,而不是您网站上的每张图片:

div.post img { … }

【讨论】:

  • 原帖是在我发布答案后才更改的。请记住,IE6 现在已经快十年了。我想它现在一定已经死了……
  • 如果您只设置宽度或高度,浏览器将缩放图像并保持其纵横比。这将只适用于风景,虽然分别是肖像图片
  • @knittl 是的,但我不想拉伸小于最大宽度或高度的图片。我只希望它们的尺寸大于最大尺寸。
  • 如果你只使用两个 css 属性之一,它们不会被拉伸。
【解决方案2】:

我不确定是否可以在客户端执行此操作并支持 IE 6(您为什么要这样做?)并支持现代浏览器,而无需大量跳环、讨厌的 Javascript 或 CSS。

您不能在服务器端执行此操作有什么原因吗?您将不得不在服务器端进行某种验证,因为 javascript 和 css 很容易被删除/关闭。

【讨论】:

  • 所有可能引擎盖中的图像都不会在我的服务器上。
猜你喜欢
  • 2020-06-04
  • 1970-01-01
  • 1970-01-01
  • 2011-11-21
  • 1970-01-01
  • 1970-01-01
  • 2018-06-27
  • 2020-07-05
  • 1970-01-01
相关资源
最近更新 更多