Блог

Главная - Вопросы по программированию - Код FB // Изображения, расположенные вертикально, как разместить горизонтально

Код FB // Изображения, расположенные вертикально, как разместить горизонтально

#html #css #facebook #api

#HTML #css #Facebook #API

Вопрос:

используя приведенный ниже код скрипта, это возвращает изображения из facebook по вертикали. я удалил все следы разрывов и линий и предположил бы, что это будет отображать изображения одно за другим по горизонтали, но просто показывает их в вертикальном стеке…

совершенно очевидно, что я «грязный копирайтер», но, эй, мы все должны с чего-то начинать!

 {
var divContainer = document.createElement("div");
divContainer.innerHTML="%img src='http://graph.facebook.com/" data[friendIndex].id "/picture'%%/img%";
divTarget.appendChild(divContainer);
}

изображение http://i.imgur.com/TcsGN.png

кроме того, приношу свои огромные извинения, но теги < > вокруг изображения в коде приводят к исчезновению кода, поэтому я заменил их на %

Ответ №1:

Действительно, исправлено с предыдущим комментарием HTML / CSS. Чтобы было понятно, тег DIV по умолчанию имеет атрибут отображения block, а тег SPAN по умолчанию имеет значение inline. Также можно использовать встроенный блок, но лучшим способом решения проблемы было бы присвоить вашему divContainer имя класса и определить этот класс в ваших объявлениях CSS с желаемым встроенным значением для атрибута display.

Ответ №2:

Это скорее проблема с HTML / CSS, чем Facebook / Graph API. div Изображения будут отображаться вертикально. Попробуйте вместо этого использовать <span> тег:

 var spanContainer = document.createElement("span");
spanContainer.innerHTML = "<src='http://graph.facebook.com/" data[friendIndex].id "/picture' />";
divTarget.appendChild(spanContainer);

Комментарии:

1. var spanContainer = document.createElement("span"); spanContainer.innerHTML="<img src=' graph.facebook.com /" data[friendIndex].id "/... >"; divTarget.appendChild(spanContainer); это код; <div> <h1> Изображения друзей</h1> <span id="friends-list-container"> </div> это код ввода?

2. @kelvinmead Я не уверен, что понимаю, о чем вы спрашиваете... приведенный выше код представляет собой javascript, который будет генерировать HTML, что-то вроде appendChild <img src='...' /> при вставке в DOM с помощью вызова.

3. бум ... потеряно! используя пример на permadi.com/blog/2010/11 /... я скопировал код из permadi.com/tutorial/facebook-graph-api-friens-selector / ... исходный код встроен в мой сайт, и я получаю идеальную копию сайта (с моим стилем, как вы и ожидали), как вы сказали, используйте , где я увидел <div> вокруг раздела изображения страницы, я изменил его на вы можете увидеть это в строке 387 на kelvinmaed.com/datatable.html 🙂 я не собираюсь лгать, я понятия не имею, что я делаю, я просто пытаюсь!

4. О, я понимаю... Я думаю. Итак, нет, вы по-прежнему хотите, чтобы контейнер списка друзей был div , как это было изначально. Просто элементы, которые вы добавляете к нему, должны быть span s

5. итак, сделайте <div><span id=container>containerbit</span></div>