Posted By

joelruiz on 04/06/12


Tagged

picasa galleries lytebox


Versions (?)

Picasa Galleries


 / Published in: JavaScript
 

The following snippets create different styles of galleries for Picasa albums. They require a json feed as an input, and work together with lytebox to show the photos.

  1. function galWithAllThumbs(data) {
  2. var titulo = '';
  3. var thumbCount = 100;
  4. var picsCount = data.feed.entry.length - 1;
  5. var j = 0;
  6. var albumTitle = data.feed.title.$t;
  7. document.write('<h3>' + albumTitle + '</h3>');
  8. for (var i = picsCount; i > picsCount - thumbCount; i--) {
  9. var pic = data.feed.entry[j];
  10. document.write('<a href="' + pic.media$group.media$content[0].url + '" rel="lyteshow[' + albumTitle + ']" title="' + pic.title.$t + '" ><img src="' + pic.media$group.media$thumbnail[0].url + '" alt="' + pic.title.$t + '" ></a>');
  11. j++;
  12. }
  13.  
  14. }
  15.  
  16. function galWithOneThumb(data) {
  17. var titulo = '';
  18. var thumbCount = 100;
  19. var picsCount = data.feed.entry.length - 1;
  20. var albumTitle = data.feed.title.$t;
  21. var j = 0;
  22. var pic = data.feed.entry[j];
  23. document.write('<a href="' + pic.media$group.media$content[0].url + '" rel="lyteshow[' + albumTitle + ']" title="' + pic.title.$t + '" ><img src="' + pic.media$group.media$thumbnail[0].url + '" alt="' + albumTitle + '" ></a>');
  24. for (var i = picsCount; i > picsCount - thumbCount; i--) {
  25. j++;
  26. pic = data.feed.entry[j];
  27. document.write('<a href="' + pic.media$group.media$content[0].url + '" rel="lyteshow[' + albumTitle + ']" title="' + pic.title.$t + '" alt="' + albumTitle + '" ></a>');
  28. }
  29. }
  30.  
  31. function galWithOneImg(data) {
  32. var titulo = '';
  33. var thumbCount = 100;
  34. var picsCount = data.feed.entry.length - 1;
  35. var albumTitle = data.feed.title.$t;
  36. var j = 0;
  37. var pic = data.feed.entry[j];
  38. document.write('<a href="' + pic.media$group.media$content[0].url + '" rel="lyteshow[' + albumTitle + ']" title="' + pic.title.$t + '" ><img src="' + pic.media$group.media$content[0].url + '" width="300px" alt="' + albumTitle + '" ></a>');
  39. for (var i = picsCount; i > picsCount - thumbCount; i--) {
  40. j++;
  41. pic = data.feed.entry[j];
  42. document.write('<a href="' + pic.media$group.media$content[0].url + '" rel="lytebox[' + albumTitle + ']" title="' + pic.title.$t + '" ></a>');
  43. }
  44. }
  45.  
  46. function galOfAlbums(data) {
  47. var titulo = '';
  48. var thumbCount = 100;
  49. var picsCount = data.feed.entry.length - 1;
  50. var j = 0;
  51. document.write('<h3>Ultimos albums</h3>');
  52. for (var i = picsCount; i > picsCount - thumbCount; i--) {
  53. var pic = data.feed.entry[j];
  54. document.write('<script src="' + pic.link[0].href + '&kind=photo&thumbsize=' + pic.media$group.media$thumbnail[0].width + 'c&imgmax=1000&access=public&callback=galWithOneThumb"><\/script>');
  55. j++;
  56. }
  57. }
  58.  
  59. function mostrarGaleria(userId, albumId, linkType, miniSize, fotoCount, fotoSize){
  60. if (linkType == 0){
  61. //mostrar una sola miniatura
  62. document.write('<script src="http://picasaweb.google.com/data/feed/base/user/' + userId + '/albumid/' + albumId + '?kind=photo&max-results='+ fotoCount + '&thumbsize=' + miniSize + '&imgmax=' + fotoSize + '&access=public&alt=json-in-script&callback=galWithOneThumb"><\/script>');
  63. }
  64. if (linkType == 1){
  65. //mostrar todas las miniaturas
  66. document.write('<script src="http://picasaweb.google.com/data/feed/base/user/' + userId + '/albumid/' + albumId + '?kind=photo&max-results='+ fotoCount + '&thumbsize=' + miniSize + '&imgmax=' + fotoSize + '&access=public&alt=json-in-script&callback=galWithAllThumbs"><\/script>');
  67. }
  68. if (linkType == 2){
  69. //mostrar una imagen como enlace
  70. document.write('<script src="http://picasaweb.google.com/data/feed/base/user/' + userId + '/albumid/' + albumId + '?kind=photo&max-results='+ fotoCount + '&imgmax=' + fotoSize + '&access=public&alt=json-in-script&callback=galWithOneImg"><\/script>');
  71. }
  72. }
  73.  
  74. function mostrarAlbums(userId, miniSize, itemCount, itemSize){
  75. document.write('<script src="http://picasaweb.google.com/data/feed/base/user/' + userId + '/?kind=album&max-results='+ itemCount + '&thumbsize=' + miniSize + '&imgmax=' + itemSize + '&alt=json-in-script&callback=galOfAlbums"><\/script>');
  76. }

Report this snippet  

You need to login to post a comment.