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 -
"cover": {
"cover_id": "10151356812150381",
"source": "http://sphotos.xx.fbcdn.net/hphotos-snc7/s720x720/419277_10151356812150381_302056140380_23114100_97822830_n.jpg",
"offset_y": 54
}
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ę -
<div class="ed-cover">
<img src=""/>
</div>
CSS -
.ed .ed-cover
{
height:315px;
overflow:hidden;
position:relative;
}
.ed .ed-cover img
{
width:100%;
position:absolute;
}
JS -
FB.api(artist, function (data) {
$('.ed-cover img').attr('src', data.cover.source).css("top", -1 * data.cover.offset_y);
});
Jednak przesunięcie CSS tutaj dla właściwości „top” jest niepoprawne, ponieważ odzyskuję 54, a rzeczywiste przesunięcie wynosi -135px;