Ich kann zum Beispiel Facebook Cover Source und Offset_y von der Grafik-API abrufen -

https://graph.facebook.com/Inna

Ich verstehe das -

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

Aber wenn ich mir die aktuelle Facebook-Seite dazu anschaue, sehe ich, dass der obere Versatz -135px ist. Wie berechnet sich das aus 54?

Ich möchte auf meiner Website ein Titelbild mit dem gleichen Versatz wie bei Facebook anzeigen. Also mache ich im Grunde genommen -

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

Aber der CSS-Offset hier für die Eigenschaft "top" ist falsch, da ich 54 zurückerhalte und der reale Offset -135px ist;