Сегодня мы будем решать интересную и модную задачку, а именно — вытаскивать последние сообщения из твиттера к себе на страничку. В реализации нам поможет jQuery, плагин jquery.tweet.js (
- Помимо обычного вывода из заданного твиттера, плагин умеет осуществлять поиск по твитт-ленте и выводить результаты в виде записей
- Выводит дату записи в виде осмысленной фразы (например, «2 минуты назад»)
- Может показывать аватарку владельца аккаунта, из которого выводим твитты
- С радостью извлечет сообщения из нескольких твиттер-аккаунтов одновременно и объединит их в одну ленту
- Автоматически проставляет ссылку с @[кто-то-там] на twitter-страницу пользователя
- Делает все ссылки в сообщениях кликабельными
- Превращает #hashtags, в ссылку на страницу twitter-поиска по вашим тэгам
- Конвертирует вот это: <3 в более приятный глазу ¦
- Предоставляет внятную HTML-разметку, настроить внешний вид выводимых сообщений не предоставляет никаких сложностей
- Совместим с большинством версий jQuery: 1.2.6, 1.3.x, 1.4
Теперь посмотрим, как пользоваться всем этим добром.
- Как обычно, подключаем jQuery
- Подключаем плагин
- Стили CSS:
- Размещаем в произвольном месте нашей страницы контейнер, куда будут загружены твитты:
- Настраиваем плагин:
$(document).ready(function(){ $(".twitter").simpletweet({ username: "zaisl", count: 5, loading_text: "Загрузка..." }); });
Вообще, плагин может принимать следующие параметры:
Параметр | Описание | Тип | По-умолчанию |
username | Имя Твиттер-аккаунта. Если требуется вывести записи из нескольких аккаунтов, передаваемый параметр должен быть массивом: ["username1","username2","etc"] | string | username: ["zaisl"] |
avatar_size | Высота и ширина аватара (48px max) | integer | avatar_size: null |
count | Количество выводимых твиттов | integer | count: 3 |
intro_text | Текст, который может выводиться перед твиттами | string | intro_text: null |
outro_text | Текст, который может выводиться после твиттов | string | outro_text: nul |
join_text | Текст, который может выводиться между датой и твиттом | string | join_text: null |
loading_text | Текст, который отображается во время загрузки твиттов | string | loading_text: null |
query | Поисковый запрос | string | query: null |
Вот и вся наука. Пользуйтесь с удовольствием. Демо: посмотреть Плагин: скачать
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com
0 коммент.
Отправить комментарий