javascript - 将图像宽度放在 url jquery 中

Question

我使用的是 resrc.it，它将为我调整图像大小，使图像不会比我需要的大。现在我想做的不是使用自动javascript方法，而是把它放在url本身中。

<img src="http://app-uk.resrc.it/s={size-of-div}/http://bla.com/theimage.png" />

我想使用 jquery 来测量图像 div 的大小并将其打印在 URL 中，即当前包装 div 的大小。

如何将宽度放入 URL 的值中？如果不存在 JS 方法，我可以使用纯 Javascript 或 Jquery。

之后，它将裁剪图像并给我一个更合适的图像。

Answer 1

您需要查找图像并获取父宽度。试试这个代码：

$(function(){
    $("img[src*='size-of-div']").each(function(){
     var width = this.parentNode.offsetWidth;//get parent width
      this.src = this.src.replace("{size-of-div}",width)//change src string
    })
})

Answer 2

我想，你正在寻找这个：http ://api.jquery.com/width/