Javascript 有没有一种方法可以在活动时调整图像的大小？

例如，使用类似firebug的东西，以便您可以看到其他页面元素是如何围绕它的。除此之外，我不知道还有其他类似的东西，这很有用，但并不理想，例如，它不会将文本环绕在图像周围

---

有没有办法直接在网站上重新调整图像的大小？

不清楚您到底想要什么，但我还是做了一个尝试：

如果您想在自己的页面上使用它，那么您可以按原样添加代码，并将类

resizeable

添加到您希望能够调整大小的任何元素（不需要是图像）中

如果您想在页面上使用它而不修改其源代码，那么您可以打开Firebug并在控制台中运行代码，只需将

$（'.resizeable'）

选择与您想要调整大小的元素相匹配即可<代码>$（'*'）会将其应用于所有内容

守则：

var startX,startY,
    startW,startH,
    $box=null;
$('.resizable').mousedown(function(e){
    startX = e.pageX;
    startY = e.pageY;
    $box = $(this);
    startW = $box.innerWidth();
    startH = $box.innerHeight();
    return false;
});

$('body')
    .mouseup(function(){
        $box = null;
        return false;
    })
    .mousemove(function(e){
        if($box!=null){
            $box.innerWidth (startW + e.pageX-startX);
            $box.innerHeight(startH + e.pageY-startY);
        }
    });

---

你能澄清你的问题吗…哦，这几乎正是我想要的。是否可以通过firebug将其用于网页上的特定图像？您需要一种引用图像的方法，例如通过id。

可以通过将

$（'.resizeable'）

更改为

$（'.\myimage'）

来选择。但是使用

$（'img'）

将其应用于所有图像应该不会有任何伤害。但是请注意，如果图像被包装在具有其自身特定大小的容器中，则调整图像大小可能不会对文档流的其余部分产生任何影响。在这种情况下，需要将“调整大小”应用于包装元素。