Puedo recuperar la fuente de portada de Facebook y offset_y desde la API de gráficos, por ejemplo:

https://graph.facebook.com/Inna

Entiendo esto -

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

Pero cuando miro la página real de Facebook para esto, veo que el desplazamiento superior es -135px. ¿Cómo se calcula eso a partir de 54?

Quiero mostrar la foto de portada de alguien en mi sitio web, con el mismo desplazamiento que Facebook. Así que básicamente estoy haciendo ...

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

Pero el desplazamiento de CSS aquí para la propiedad "superior" es incorrecto ya que recupero 54 y el desplazamiento real es -135px;