CaptainOS
смотрите, что записано в str. Подозреваю, что просто div'ы накладываются друг на друга...
Ну или что-то не то в самом запросе к апи, надо смотреть тогда через Charles в чем беда.
Карусель друзей
Re: Карусель друзей
Проверил 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: Карусель друзей
2Serge
Прошу прощения, Вы были правы! Действительно проблема оказалась в том, что div-ы накладываются друг на друга. Если Вас не затруднит, можете подсказать как решить эту проблему? Ведь, все-таки, при использовании friends.get вместо users.get - такого наложения не происходит...
Прошу прощения, Вы были правы! Действительно проблема оказалась в том, что div-ы накладываются друг на друга. Если Вас не затруднит, можете подсказать как решить эту проблему? Ведь, все-таки, при использовании friends.get вместо users.get - такого наложения не происходит...
Re: Карусель друзей
CaptainOS
надо css правильно прописать. Не знаю, я так сходу не могу понять, где ошибка. Ну и можно в файрбаге поиграть с стилями, понять, что не так...
надо css правильно прописать. Не знаю, я так сходу не могу понять, где ошибка. Ну и можно в файрбаге поиграть с стилями, понять, что не так...
Re: Карусель друзей
Вот мой код CSS:
А в Firebug ошибок никаких не видно.
Код: Выделить всё
#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;}
Re: Карусель друзей
2Serge
Прошу прощения, но похоже, что проблема с наложением div'ов присутствует у Вас, в оригинальном примере. Просто, если друзей много - это не так заметно. А суть проблемы в том, что портреты друзей "складываются" по два в одну ячейку, поверх друг друга. Я сейчас специально проверил этот нюанс на Вашем оригинальном коде, ничего в нем не модифицируя - наблюдается та же картина, что и в моем, модифицированном варианте.
Прошу прощения, но похоже, что проблема с наложением div'ов присутствует у Вас, в оригинальном примере. Просто, если друзей много - это не так заметно. А суть проблемы в том, что портреты друзей "складываются" по два в одну ячейку, поверх друг друга. Я сейчас специально проверил этот нюанс на Вашем оригинальном коде, ничего в нем не модифицируя - наблюдается та же картина, что и в моем, модифицированном варианте.
Re: Карусель друзей
CaptainOS
не охота сейчас страдать этим, но код работал на около 800 друзей без проблем... Возможно, где-то я накосячил, а потом исправлял, забыл отправить на форум.
К сожалению, сейчас нет возможности протестировать код, а найти ошибку так - проблематично.
не охота сейчас страдать этим, но код работал на около 800 друзей без проблем... Возможно, где-то я накосячил, а потом исправлял, забыл отправить на форум.
К сожалению, сейчас нет возможности протестировать код, а найти ошибку так - проблематично.