Eu posso recuperar a fonte de cobertura do facebook e offset_y da API do gráfico, por exemplo -

https://graph.facebook.com/Inna

Eu entendi isso -

<code>"cover": {
      "cover_id": "10151356812150381",
      "source": "http://sphotos.xx.fbcdn.net/hphotos-snc7/s720x720/419277_10151356812150381_302056140380_23114100_97822830_n.jpg",
      "offset_y": 54
   }
</code>

Mas quando eu olho para a página do facebook real para isso, eu vejo o deslocamento superior é -135px. Como isso é calculado a partir de 54?

Quero exibir a foto de capa de alguém no meu site, com o mesmo deslocamento do facebook. Então estou basicamente fazendo -

<code><div class="ed-cover">
            <img src=""/>
    </div>
</code>

CSS -

<code>.ed .ed-cover
{
    height:315px;
    overflow:hidden;
    position:relative;
}

.ed .ed-cover img
{
    width:100%;
    position:absolute;    
}
</code>

JS -

<code>FB.api(artist, function (data) {
                        $('.ed-cover img').attr('src', data.cover.source).css("top", -1 * data.cover.offset_y);
                    });
</code>

Mas o deslocamento CSS aqui para a propriedade "top" está incorreto, já que eu volto 54 e o deslocamento real é -135px;