Question

我有很多视频和照片，大小宽度：600px但在WordPress博客中有不同的高度。如何使用JQuery来扩展它们？这些视频都在

以下是代码示例：

<img height="100" width="600" alt="image title" src="image link">
<embed width="600" ...>
<iframe width="600" ...>

谢谢，

Answer 1

$('img, embed, iframe').attr('width',newWidth);

在您的评论后编辑

当然有：

$('img, embed, iframe').each(function() {
    if($(this).width() > 520) {
        $(this).attr('width','520');
        $(this).attr('height','auto');
    }
});

选择器$('img, embed, iframe')选择与我们的条件匹配的所有元素。它们必须是img，embed或iframe。 .each(function(){...});表示对于所有这些匹配，我们将执行括号内的代码。我们在那里做的是检查当前对象$(this)的宽度是否大于520px（该函数仅返回520，没有px）。如果是，则执行括号之间的代码。我们只是将属性width从它的任何内容（显然大于520px）更改为520px。就是这样，基本的jQuery。祝你的项目好运！

Answer 2

你不应该使用CSS吗？

$('img, embed, iframe').css('width',newWidth);

Answer 3

这是一个很好的jquery插件，可以让你的工作更轻松 - ＆gt; http://plugins.jquery.com/project/imgscale

使用JQuery替换HTML中的图像，视频大小

3 个答案: