Jquery photo.media.m显示大型flickr图像

我试图在砖石网格中显示Flickr图像。我有它的工作，但图像太像素化，所以我需要显示图像的大版本

我知道要做到这一点，我需要更改（将m before.jpg更改为b）

到

如何将b添加到下面的代码行中

photoHTML += '<img src="' + photo.media.m + '">'

photoHTML+=''

完整代码如下

//AJAX
    var flickrAPI = "//api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?&extras=url_l";

    var photoSelection = 'ALL';

    var flickrOptions = {
        id: "49752549@N04",
        tags: photoSelection,
        format: "json"
    };

    function displayPhotos(data){

        var photoHTML = '<div class="grid-sizer"></div>';


        $.each( data.items, function(i, photo){
            photoHTML += '<div class="grid-item">';
            photoHTML += '<img src="' + photo.media.m + '">'
            photoHTML += '</div>';
        });

        photoHTML += '';

        $('.grid').html(photoHTML);
var $grid = $('.grid').imagesLoaded( function() {
  $grid.masonry({
    itemSelector: '.grid-item',
    percentPosition: true,
    columnWidth: '.grid-sizer'
  });

//AJAX
var flickrAPI=“//api.flickr.com/services/feeds/photos\u public.gne？jsoncallback=？&extras=url\l”；
var photoSelection=‘全部’；
变量flickrOptions={
id:“49752549@N04",
标签：选举，
格式：“json”
};
功能显示照片（数据）{
var photoHTML=''；
$。每个（数据项、功能（i、照片）{
photoHTML+=''；
photoHTML+=“”
photoHTML+=''；
});
photoHTML+=''；
$（'.grid'）.html（photoHTML）；
var$grid=$（'.grid'）.imagesLoaded（函数（）{
$grid.mashine({
itemSelector:“.grid项”，
位置：正确，
columnWidth:“.grid sizer”
});

更改

$.each( data.items, function(i, photo){
        photoHTML += '<div class="grid-item">';
        photoHTML += '<img src="' + photo.media.m + '">'
        photoHTML += '</div>';
    });

$。每个（数据项、功能（i、照片）{
photoHTML+=''；
photoHTML+=“”
photoHTML+=''；
});

到

$。每个（数据项、功能（i、照片）{
var x=photo.media.m；
var firstPart=（x）.substr（0，x.lastIndexOf（“_m”））；
var secondPart=（x）.substr（x.lastIndexOf（“_m”）+2）；
photoHTML+=''；
photoHTML+=“”
photoHTML+=''；
});

不过，不要建议使用这种方法，FlickrAPI中必须有选项来更改图像大小

$.each( data.items, function(i, photo){
        var x = photo.media.m;
        var firstPart = (x).substr(0,x.lastIndexOf("_m"));
        var secondPart = (x).substr(x.lastIndexOf("_m")+2);            
        photoHTML += '<div class="grid-item">';
        photoHTML += '<img src="' + (firstPart + "_b" + secondPart ) + '">'
        photoHTML += '</div>';
    });