Cookie

предосторожность


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

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

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

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

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

<Тип сценария ="текст / JavaScript"
SRC ="HTTPS://www.flickr.com/badge_code_v2.gne?пользователь =[Идентификатор пользователя]">

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

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

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

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

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

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

<DIV ID ="flickr_badge_image1">
  <A HREF ="[страница фото]">
    <IMG ширина ="[хх]" высота ="[хх]" SRC ="[URL-адрес]" название ="[Название Фотонегатива снимки]" альт ="Фото на Flickr" />
  </a>
</ДИВ>
<DIV ID ="flickr_badge_image2">
  <A HREF ="[страница фото]">
    <IMG ширина ="[хх]" высота ="[хх]" SRC ="[URL-адрес]" название ="[Название Фотонегатива снимки]" альт ="Фото на Flickr" />
  </a>
</ДИВ>
<DIV ID ="flickr_badge_image3">
  <A HREF ="[страница фото]">
    <IMG ширина ="[хх]" высота ="[хх]" SRC ="[URL-адрес]" название ="[Название Фотонегатива снимки]" альт ="Фото на Flickr" />
  </a>
</ДИВ>

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

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

Это не достаточно?


TheJoe

Я держу это в качестве хобби блог от 2009. Я графики энтузиастов, технология, Программное обеспечение с открытым исходным кодом. Среди моих статей не будет трудно найти о музыке, и некоторые личные размышления, но я предпочитаю, чтобы направить линию блога в основном технологии. Для получения дополнительной информации связаться со мной.

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

Separate Collection's blog · 26 июль 2010 в 4:36 ВЕЧЕРА

grazie grazie grazie grazie

юдоль · 12 май 2010 в 10:41 AM

articolo molto interessante..aspetto di vedere il risultato! 😀

оставьте ответ

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатывается комментарий данных.