HTML / JS экспорт на ваш сайт

Сервис MOPOTO дает возможность размещать ленту фотографий любого пользователя, или ленту фотографий друзей пользователя на вашем сайте.

Для этого необходимо чтобы:

• 1. Вы могли вставить html-код на ваш сайт.
  Это может быть как ваша личная домашняя страничка, так и часть какого либо большого сайта.
  
• 2. У вас были минимальные знания CSS
  С их помощью вы сможете настроить внешний вид ленты.
  
• 3. Работал JavaScript
  Без него ничего работать не будет. Например в профиль LiveJournal ленту разместить нельзя, т.к. сервис вырезает JavaScript.
  

Ниже приведен пример кода который вам надо добавить на свой сайт, чтобы лента начала выводиться.

Пример HTML кода:


<style type=text/css>
#mopoto_items{
width:245px;
}
#mopoto_items div{
display:inline;
width:110px;
heigth:82px;

}
#mopoto_items div img{
margin:0px 10px 10px 0px;
}
</style>

<div id=mopoto_items>

<div id=mopoto_1></div>
<div id=mopoto_2></div>
<div id=mopoto_3></div>
<div id=mopoto_4></div>
<div id=mopoto_5></div>
<div id=mopoto_6></div>

</div>


<script src="http://www.mopoto.com/html_export/?login=mopoto&encoding=utf-8&type=user" language=javascript
type="text/javascript"></script>


Посмотреть как работает скрипт из примера >>

Этот код выведет 6 картинок по две в строчку из ленты пользователя mopoto. Как видно из примера, внешний вид вывода вы можете настроить произвольно с помощью CSS.

Всего скрипт может выводить от 1 до 16 последних картинок. Регулируется это наличием элементов вида:


<div id=mopoto_1></div>
<div id=mopoto_2></div>
.
.
.
<div id=mopoto_16></div>


В место первого дива – выведется первая картинка (самая свежая в ленте), вместо второго - вторая и так до 16 картинок. Размещать дивы можно в любом месте сайта. Так же их можно вписывать в любые структуры HTML верстки – таблици и т.п.

Единственное ограничение – id должны идти по порядку. При первом же пропуске скрипт останавливает свою работу и выходит.
Скрипт можно вызывать в любом месте, он срабатывает на onload.

Параметры скрипта

Для того чтобы скрипт выводил именно то что вам надо, а не общую ленту, необходимо настроить несколько параметров:

[login] - имя пользователя лента которого быдет выводится (по умолчанию mopoto).
Для того чтобы вывести свою ленту поменяйте "mopoto" на ваше имя пользователя (Ваш login на MOPOTO.COM).

[encoding] - кодировка, по умолчанию "utf-8", есть возможность поставить "windows-1251"

[type] тип ленты:
Если type=user будет выводиться лента пользователя (значение по умолчанию)
Если type=friends будет выводиться лента друзей пользователя указанного в [login].