jak obliczyć wykres api na Facebooku? offset do piksela?

Mogę na przykład pobrać źródło okładki z Facebooka i offset_y z Graph Api -

https://graph.facebook.com/Inna

Rozumiem -

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

Ale kiedy patrzę na rzeczywistą stronę na Facebooku, widzę, że górne przesunięcie wynosi -135px. Jak to jest obliczone z 54?

Chcę wyświetlić na mojej stronie zdjęcie z okładką, z takim samym przesunięciem jak na Facebooku. Więc zasadniczo to robię -

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

Jednak przesunięcie CSS tutaj dla właściwości „top” jest niepoprawne, ponieważ odzyskuję 54, a rzeczywiste przesunięcie wynosi -135px;

questionAnswers(6)

yourAnswerToTheQuestion