Приблизительное время чтения: 2 минут

Открытый теперь перевод очень интересная статья Я нашел несколько дней назад о том, как создать пользовательские стили для пользовательской галереи Flickr.

Как многие знают,, Flickr является социальная сеть в любители фото. люди подпишется, загрузить фотографии, комментарии к фотографиям других и получает комментарии другие к своим фотографиям. Одним из самых больших преимуществ Flickr является возможность указать лицензии для ваших фотографий, ma in questo articolo ci occuperemo dell'”экспорт” фотографии из учетной записи Flickr на внешний сайт.

Социальная сеть предоставляет пользователю мастер ООН с помощью которого вы можете создать “значок” обычай, но с небольшим выбором в плане адаптации. В этой статье мы имеем дело с документировать API значок Flickr, показывая HTML Flickr, который передает то же самое с включением. Это, безусловно, легче работать с CSS.

Независимо от того, что мы должны делать, мы должны включить эти начальные строки:

<script type="text/javascript"
src="http://www.flickr.com/badge_code_v2.gne?user=[L'ID utente]">

Мы должны заменить “L'ID utente” с (совпадению) ИД пользователя. Идентификатор можно получить, введя имя пользователя на этой странице: idgettr. Вы можете заменить символ “@” с соответствующей HTML “%40“.

Я Javascript Список параметров

Наряду с этим существует много других параметров, в этом списке основной таблицы:

параметр	тип	ценности	определение
подсчитывать	полный	Целое число между 1 е 10	Количество фотографий, чтобы показать. (10 в неплатеже)
дисплей	строка	самый последний, случайный	Значок показывает последнее изображение или случайное фото. (последний по умолчанию)
расположение	строка	час, v, Икс	Сортировка фотографий по горизонтали, вертикально или заказать их. (по горизонтали по умолчанию)
источник	строка	пользователь, user_tag, user_set, группа, group_tag, все, all_tag	Откуда берутся фотографии? После выбора одного из них, вы должны объявить до двух параметров, определяющих / теги и / или идентификатор группы O Поставит. Эти параметры тег (строка), группы (целое значение можно найти на idgettr), е задавать (все находится в URL определенного набора (это. la nostra url è …/sets/1632467/ quindi l’ID del set è 1632467), соответственно.
размер	строка	s, T, м	Размер фото. s средство “квадрат”, T миниатюрный, е м средний размер. (Имейте в виду, что средний размер эквивалентен небольшой размер, когда мы смотрим на “доступные размеры” их картина. (По умолчанию эскизов)

Изменим стиль вывода

После того, как в JavaScipt включая наши, возвращает вывод HTML для просмотра в браузере. Так как мы должны изменить стиль вывода, Вы должны точно знать код. Это пример того, как вы вернулись в базовый код:

<div id="flickr_badge_image1">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on Flickr" />
  </a>
</div>
<div id="flickr_badge_image2">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on Flickr" />
  </a>
</div>
<div id="flickr_badge_image3">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on Flickr" />
  </a>
</div>

И так далее. Для каждого изображения, ID изменится в целом.

Теперь вы можете создать соответствующий стиль с помощью CSS, сделать галерею, как мы хотим, Flickr.