Lecaw

Учимся создавать Web-сайты

Sociallist - jQuery плагин для создания потоков из социальных сетей и каналов.

October 28, 2012 279hits

Даже если вы  ненавидите социализм, вам все равно понравится этот гибкий jQuery плагин средств социального общения. jQuery Socialist - плагин, который позволяет создавать социальный поток или социальную стену из нескольких социальных сетей в одном месте. Используйте его, чтобы показать контент из страниц Facebook, Twitter, LinkedIn, YouTube и других сервисов.

Исходные файлы

 

 

- Экран обновляется от нескольких социальных сетей в  привлекательных визуальных разметках
- Поддержка Facebook, Twitter, LinkedIn,  YouTube, Tumblr, Flickr, Pinterest, Каналы RSS, Craigslist, Google + и другие..
- Возможность выбора тем
- Простой в реализации, всего несколько строк кода

Примеры

Flickr фотографии экрана, с разметкой в стиле Pinterest

Объединены и выведены на экран Facebook, Twitter и обновления LinkedIn

Отображение миниатюр YouTube видеозаписей

Отображение на экране регистрации Craiglist

Отображение любого RSS канала как адаптивной социальной стены

Ещё несколько примеров

Использование

1) Подключение .js и.css файлов в HTML документ:
<link href="/../jquery.socialist.css" rel="stylesheet" />
<script src='../jquery.socialist.js'></script> 2) Использование jQuery Socialist в любом элементе DIV: $('#content').socialist({ networks: [ {name:'linkedin',id:'buddy-media'}, {name:'facebook',id:'in1dotcom'}, {name:'pinterest',id:'potterybarn'}, {name:'twitter',id:'in1dotcom'}, {name:'googleplus',id:'105588557807820541973/posts'}, {name:'rss',id:' http://feeds.feedburner.com/good/lbvp'}, {name:'rss',id:'http://www.makebetterwebsites.com/feed/'}, {name:'craigslist',id:'boo',areaName:'southcoast'}, {name:'rss',id:'http://www.houzz.com/getGalleries/featured/out-rss'} ], isotope:false, random:false, fields:['source','heading','text','date','image'] });

Опции

**networks**
Массив сетевых объектов 
**network definitions**
Javascript объект, содержащий имя сети, идентификатора и других сетевых параметров.
Большинство сетей нуждаются в идентификаторе. Некоторые сети, такие как Craiglist и Flickr требуют дополнительных опций.
    {name:'linkedin',id:'linkedin-companyname'},
    {name:'facebook',id:'(facebook-pagename)'},
    {name:'tumblr',id:'(tumblr-blogname)'},
    {name:'pinterest',id:'(pinterest-username/pinboard-name)'},
    {name:'flickr',id:'54772265@N04',apiKey:'(your-flick-api-key here)'},
    {name:'youtube',id:'potterybarn'},
    {name:'twitter',id:'in1dotcom'},
    {name:'googleplus',id:'105588557807820541973/posts'},
    {name:'rss',id:'http://www.makebetterwebsites.com/feed/'},
    {name:'craigslist',id:'boo',areaName:'southcoast'}
**random**
true или false; значение по умолчанию: true
**isotope**
true или false; значение по умолчанию: true
**headingLength**
Целочисленное значение, которое указывает макс. число символов, для вывода на экран в 'заголовке' поля каждого результата
**textLength**
Целочисленное значение, которое указывает макс. число символов, для вывода на экран в 'текстовом' поле описания
**maxResults**
Целочисленное значение, которое указывает макс. число результатов показа
**theme**
(none) или 'clean'; значение по умолчанию: (none)
**size**
(none) или 'small' или 'large'; значение по умолчанию: none)
**fields**
Массив строк, которые указывают, какое из полей вывести на экран. Значения:'source','heading','text','date','image','share'

Исходные файлы

Дополнительная информация

RATTING:
(0 голосов)

Медиа