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 изменится в целом.

  TinEye поиск одни и те же изображения

Теперь вы можете создать соответствующий стиль с помощью 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 для борьбы со спамом. Узнайте, как обрабатывается комментарий данных.