Question

基本上我正在一个网站上工作，该网站通过isotope.js网格和instafeed.js显示我的Instagram帐户中的图像网格。图像作为background-image包含在CSS中。不幸的是，图像显示白色边框，无论我尝试什么，我都没有获得纵向/横向版本。

在开发人员设置
Accesstoken是对的
分辨率设置在＆＃39; standard_resolution＆＃39;
UserId是对的

我已经在Stackoverflow和Google搜索了很多，但无法找到答案。

这些是我的instafeed.js设置

// Include Instafeed
function instagram() {
    var feed = new Instafeed({

        // options
        after: isotope,
        get: 'user',
        userId: '230326****',
        resolution: 'standard_resolution',
        limit: '100',
        // clientId: 'b064a25bd64b4fa4b436fb**********', // client
        accessToken: '2303264036.1677ed0.100a64b6b78c40168e8561**********',
        // template: '<div class="grid-item"><a href="{{link}}"><img src="{{image}}" /></a></div>',
        template: '<a href="{{link}}"><div class="grid-item" style="background-image: url({{image}});"><p class="content">View on Instagram</p></div></a>',
        filter: function(image) {
            return image.tags.indexOf('saintpablotour') >= 0;
        }
    });

    feed.run();
}

这是附加的CSS

.grid-item { 
    width: 250px;  
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
}

希望任何人都可以帮助我，因为它在页面上看起来并不好看。

Instagram API返回带有白色边框的图片

0 个答案: