0

私の CMS には、Facebook の画像とストーリーを取り込むためのプラグインがあります。変更できません。ソースでは、画像の URL が s.jpg で終わるように作成されますが、最大の写真タイプを取り込むために o.jpg で終わるように変更したいと思います。

これはコードです:

<div class="post_picture">
<img src="http://photos-g.ak.fbcdn.net/hphotos-ak-ash3/534627_477964682254266_1412043521_s.jpg" alt="">
</div>

これは可能ですか?ソース URL をコピーし、末尾を s.jpg から o.jpg に変更して、古い URL を新しい URL に置き換えるイメージを思い浮かべます。

編集:

返信と解決策をお寄せいただきありがとうございます。以下は私が見つけた別の解決策です...

$('.div1>img').attr('src',function(i,e){
 return e.replace("s.jpg","o.jpg");
})

例 - http://jsfiddle.net/designaroni/4Da2a/

4

3 に答える 3

0
function imgSrcOverwrite() {
    var imgs = document.getElementsByTagName('img'),
        loopImg, fbImgs = [];
    // Loop through each IMG, check if it's a facebook image & 
    // then replace _s.jpg with _o.jpg in the src attribute
    for ( var x=0; x<imgs.length; x++ ) {
        loopImg = imgs[x];
        if ( loopImg.src.indexOf('photos-g.ak.fbcdn.net') > -1 ) {
            loopImg.src = loopImg.src.replace('_s.jpg', '_o.jpg');
            fbImgs.push(loopImg);
        }
    }

    imgs = loopImg = null;
    // return array of fb images so you can do more stuff with them
    return fbImgs;
}

imgSrcOverwrite();

jQueryを使用している場合は、2行目を次のように置き換えます

var imgs = $('.post_picture img'),

http://jsfiddle.net/CoryDanielson/jmzk2/

于 2013-02-14T18:33:51.057 に答える
0

これがどのように可能になるかの簡単な例を次に示します。

// get image dom element
var img = document.getElementById('imageId');

// update src
img.src = img.src.replace(/s.jpg/, 'o.jpg');
于 2013-02-14T18:35:40.940 に答える
0

jqueryを使用している場合は、

これで img タグにアクセスしてみてください -

var src = '';
$('.post_picture').find('img').each(function(){
src = $(this).attr('src').toString().replace('_s.jpg', '_o.jpg');
$(this).attr('src',src);
});
于 2013-02-14T18:37:16.770 に答える