Страница 3 из 3

Re: Карусель друзей

Добавлено: 03 май 2013, 11:30
Serge
CaptainOS
смотрите, что записано в str. Подозреваю, что просто div'ы накладываются друг на друга...
Ну или что-то не то в самом запросе к апи, надо смотреть тогда через Charles в чем беда.

Re: Карусель друзей

Добавлено: 03 май 2013, 11:54
CaptainOS
Проверил div'ы - с ними все в порядке. Если я только меняю в коде users.get на friends.get (т.е., показываю вообще всех друзей, как у Вас в примере), то все отображается нормально. Так что видимо причина - в запросе к API. Смотрю через Charles, но в разделе Response показывает все тот же код скрипта...

Код: Выделить всё

VK.api("friends.getAppUsers", {}, function(dataAppUsers){            friendsNum = dataAppUsers.response.length;            var fr = '';            for(var i = 0; i < friendsNum; i++)          fr += dataAppUsers.response[i] + ",";                VK.api("users.get", {'uids':fr, 'fields':'first_name, photo'}, function(fr_data)                {                    fr_count = fr_data.response.length;                    $('#fr_carousel_items').css('width',fr_count*65 + 'px');                    var str = '';                    for(var j = 0; j < fr_data.response.length; j++)                    str += '<div class="friends_wind"><img src="../design/i/friends_wind.png" /><div class="fr_photo"><img src="' + fr_data.response[j].photo + '" /></div></div>';                    $('#fr_carousel_items').html(str);                }            );        });

Re: Карусель друзей

Добавлено: 03 май 2013, 12:34
CaptainOS
2Serge

Прошу прощения, Вы были правы! Действительно проблема оказалась в том, что div-ы накладываются друг на друга. Если Вас не затруднит, можете подсказать как решить эту проблему? :oops: Ведь, все-таки, при использовании friends.get вместо users.get - такого наложения не происходит...

Re: Карусель друзей

Добавлено: 03 май 2013, 13:46
Serge
CaptainOS
надо css правильно прописать. Не знаю, я так сходу не могу понять, где ошибка. Ну и можно в файрбаге поиграть с стилями, понять, что не так...

Re: Карусель друзей

Добавлено: 03 май 2013, 15:45
CaptainOS
Вот мой код CSS:

Код: Выделить всё

#arrow_left_1{     position:absolute;    left: -32px;    top: 111px;}#arrow_left_2{    position:absolute;    left: -32px;    top: 137px;}#arrow_left_3{    position:absolute;    left: -32px;    top:  163px;}#arrow_right_1{    position:absolute;    left: 610px;    top: 111px;}#arrow_right_2{    position:absolute;    left: 610px;    top: 137px;}#arrow_right_3{    position:absolute;    left: 610px;    top:  163px;} #carousel_wrapper{    position:absolute;    left: 42px;    top: 654px;}#fr_carousel{    position:absolute;    top: 0px;    overflow: hidden;    width: 600px;    height: 189px;}#fr_carousel_items{    position: absolute;    display: inline-block;    left: -2px;    top: 106px;}.friends_wind{    position: relative;    left: 2px;    margin:0px 0px 0px 10px;    display: inline-block;}.fr_photo{    position:absolute;    top: 14px;    left: 8px;}
А в Firebug ошибок никаких не видно.

Re: Карусель друзей

Добавлено: 08 май 2013, 23:41
CaptainOS
2Serge

Прошу прощения, но похоже, что проблема с наложением div'ов присутствует у Вас, в оригинальном примере. Просто, если друзей много - это не так заметно. А суть проблемы в том, что портреты друзей "складываются" по два в одну ячейку, поверх друг друга. Я сейчас специально проверил этот нюанс на Вашем оригинальном коде, ничего в нем не модифицируя - наблюдается та же картина, что и в моем, модифицированном варианте.

Re: Карусель друзей

Добавлено: 09 май 2013, 09:12
Serge
CaptainOS
не охота сейчас страдать этим, но код работал на около 800 друзей без проблем... Возможно, где-то я накосячил, а потом исправлял, забыл отправить на форум.
К сожалению, сейчас нет возможности протестировать код, а найти ошибку так - проблематично.