Google

Google Photogallery Gadget

Недавно набрел на симпотичную галерею “smoothgallery“. Решил добавить подобную галлерею для странички iGoogle странички. Немного изучив API PicasaWeb получил результат…

Google Gadget

Вы можете добавить Google Photogallery как гаджет используя ссылку:
http://js.hohli.com/photogallery/photogallery.xml или можете сгенерировать embed код для интеграции в HTML.

Гаджет в качестве параметра имени альбома использует алиас вашего альбома, а не реальное имя, чтобы увидеть его вам достаточно перейти на страничку вашего альбома и посмотреть на URL:

http://picasaweb.google.com/AntonShevchuk/DigitalPhotoRu/

В данном примере AntonShevchuk – имя пользователя, DigitalPhotoRu – алиас для альбома Digital-photo.ru

Интеграция без использования gadget’а

Шаг 1

Для Google pages
Залейте все файлы с архива на Google pages.
Откройте ‘page editor’, кликните на ссылку ‘edit html’ и вставьте следующий код (или воспользуйтесь файлом index.html для примера):

<link rel=&quot;stylesheet&quot; href=&quot;jd.gallery.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; />
<script src=&quot;mootools.js&quot; type=&quot;text/javascript&quot;></script>
<script src=&quot;jd.gallery.js&quot; type=&quot;text/javascript&quot;></script>
<script src=&quot;picasa.gallery.js&quot; type=&quot;text/javascript&quot;></script>

Для других сайтов
Откройте ‘HTML’ файл для редактирования и вставьте следующий код между тэгами ‘head’:

<link rel=&quot;stylesheet&quot; href=&quot;css/jd.gallery.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; />
<script src=&quot;scripts/mootools.js&quot; type=&quot;text/javascript&quot;></script>
<script src=&quot;scripts/jd.gallery.js&quot; type=&quot;text/javascript&quot;></script>
<script src=&quot;scripts/picasa.gallery.js&quot; type=&quot;text/javascript&quot;></script>

Шаг 2

Вставьте еще и этот код… (только измените параметры ‘user’ и ‘album’):

<script type=&quot;text/javascript&quot;>
    var user = 'AntonShevchuk';
    var album = 'DigitalPhotoRu';
    var maxres = 5; // 0 - for all;

    var url = 'http://picasaweb.google.com/data/feed/api/user/' + user + '/album/' + album + '?kind=photo&amp;alt=json-in-script&amp;callback=renderer&amp;access=public&amp;start-index=1';

    if (maxres != 0) {
        url = url + '&amp;max-results=' + maxres;
    }
    loadJS(url);
</script>

и этот…:

<div id=&quot;myGallery&quot;></div>

Ссылки

Download0.1.3Google Photogallery