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 のサイズを測定し、ラップされた div の現在のサイズを URL に出力したいと考えています。

幅を 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/