画像のsrc値を置き換えてページを再描画する

Question

条件（画面解像度など）によっては、ページ上のすべての画像に対して画像のsrc値を変更したいとします。可能であれば、どうすればjQueryでこれを達成できますか？例えば

：1000以上の解像度については

（幅）、私のイメージのsrcが、私はSRC = 'lower_img /イメージ1に異なる解像度（たとえば1000未満幅）のためにこれを変更する方法、src=img/image1.jpgを読み込む場合。 JPG」

（すなわちimageにプレフィックスlowerを追加）

基本的に、私は（画像名が両方のフォルダに同じ）の解像度に基づいて、それぞれのフォルダから引き出されるべき2つのフォルダimgとlower_imgとイメージを維持しています

注：私は画面解像度検出スクリプトを必要としない、私は画像のsrc置換部分のために事前に

感謝を探しています。

Answer 1

これは、ページのすべての画像に「lower_」というテキストを付加します。これをブラウザのサイズ検出コードに追加するだけです。ブラウザが1000未満のピクセル幅を持っている場合

ので、：

$('img').attr('src', function(index, source) { 
    return 'lower_' + source; 
});