Sử Dụng Api của picasa lấy ảnh từ album để tạo sildeshow

picasa của google là dịch vụ cung cấp nơi chứa ảnh miễn phí ,mặc định khi bạn tạo ra 1 blogspot thì picasa sẽ tạo ra cho bạn 1 khu lưu trữ các ảnh của blogspot đó .Khu lưu trữ đó không được coi là album vì album được tạo ra  đặt tên do bạn, có thể upload trực tiếp từ web picasa hay phần mềm picasa.
tạo album ảnh bằng cách đăng nhập picasa https://picasaweb.google.com/home
click nút upload  mở ra cửa sổ để đặt tên cho album

chọn ảnh upload lên album được tạo

add thêm ảnh vào album đã tạo-> add photo.

B2 -Sử dụng picasa api

Các thông số quan tâm là userid và albumid hay user và albumid đều được

tìm userid ,user hay albumid bằng cách click rss bên trái

ra trang mới nhìn trên url  ta thu các thông tin sau :

https://picasaweb.google.com/data/feed/base/user/123*********/albumid/456****?alt=rss&kind=photo&hl=en_US

123*** là userid còn nếu là username cũng ok.
albumid là 456******
Có 2 thông số quan trọng rồi ,tiếp theo  lấy url ảnh các album này bằng cách
Sử dụng json để lấy url,
Vì json là cách lấy tiện nhất cho blogspot hay website không có host.
cấu trúc của json api picasa sẽ hiện ra bằng cách dán đoạn code này lên trình duyệt

https://picasaweb.google.com/data/feed/base/user/123***/albumid/456***/?alt=jsonm&kind=photo&hl=en_US&access=public&callback=jso
 Sử dụng callback lấy cho client dễ hơn
tùy theo nhu cầu mà lấy url hay caption,desception hay gì gì đó mà truy nhập vào
10: số lượng ảnh cần lấy
ở đây ta  lấy url của ảnh để làm slides show nên chỉ cần
var urls =entry.media.content[0].url

Sử dụng google API để load ảnh từ dịch vụ picasa ,
giúp ta tạo ra khá nhiều slideshow đẹp mắt mà ngay cả software picasa cũng không tạo được, tạo website đẹp hơn
Demo: google API  picasa +jquery +Cloud Carousel 3d

 
<script>function jso(json){

var entrie = json.feed.entry;

for (var i = 0; i < 10; i++) {

var entry = entrie[i];

if (i == json.feed.entry.length) break;

var urls =entry.media.content[0].url;

tong='<a href="'+urls+'" rel="lightbox" >

<img src="'+urls+'" height="120" width="90"/></a>'; document.write(tong);}}</script>

<script type="text/javascript" src="https://picasaweb.google.com/data/feed/base/user/123***/albumid/456***/?alt=jsonm&kind=photo&hl=en_US&access=public&callback=jso"></script>