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,我会将第二行替换为

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 回答