将图像宽度放在url jquery中

时间:2013-04-15 14:03:14

标签: javascript jquery html image

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

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

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

如何将宽度放入URL的值?如果不存在JS方法,我可以使用普通的Javascript或Jquery。

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

2 个答案:

答案 0 :(得分: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
    })
})

答案 1 :(得分:0)

我认为,您正在寻找:http://api.jquery.com/width/