7.01.2009

Виджет Фотоальбом Picasa



Данный виджет - фото выставка. Для того, чтобы этом виджетом пользоваться, у вас должен быть зарегистрированный акаунс на сайте http://picasaweb.google.com/.

Чтобы вставить фотоальбом в свой блог нужно выполнить несколько операций:

Зайдите в настройки блога > макет-добавить гаджет > html/javascript
Вставьте код расположенный ниже:

<style>


#picasaStream img {border: 1px solid #000; margin: 0 5px 5px 0;}


</style>


<script
src="http://bloggerbuster-tools.googlecode.com/files/jquery.min.js"
type="text/javascript"></script>






<script type="text/javascript">


$j = jQuery.noConflict();


$j(document).ready(function(){



$j.getJSON("http://picasaweb.google.com/data/feed/base/user/username?kind=photo&thumbsize=72c&access=public&alt=json&callback=?",


function(data){


var thumbCount = 15;(Количество изображений)


var smallThumb = 0;


var mediumThumb = 2;


var largeThumb = 2;


var picsCount = data.feed.entry.length - 1;


for (var i = picsCount; i > picsCount -
thumbCount; i--) {


var pic = data.feed.entry[i];


$j("<img/>").attr("src",
pic.media$group.media$thumbnail[smallThumb].url).attr("alt",
pic.summary.$t).appendTo("#picasaStream");


}


});


});


</script>






<div id="picasaStream"></div>


Не забудьте заменить в коде username(выделено красным) на пользовательское имя акаунта Picasa.

1 коммент:

Русик комментирует...

Привет, Вячеслав. А как он будет выглядеть (скрин в студию). У тебя в блоге я не нашел. :-(

Последние комментарии