Esta es una galeria de imagenes hecha con JQuery. La particularidad de esta galería es que usa de fuente un album de imagenes del Picasa (alojado por Google)
El caso es que tras insertar el codigo en mi web no consigo cargar el contenido, imagino que es porque han cambiado la estructura de la url que enlaza al album de fotos, sin embargo el ejemplo del script sigue funcionando.
url del ejemplo: https://picasaweb.google.com/data/feed/api/user/118283508237214694671/albumid/5685978516288199793
url de mi album de imagenes: https://plus.google.com/photos/110627294222410154520/albums/profile?banner=pwa
<script type="text/javascript">
$(document).ready(function(){
PhotoWall.init({
el: '#gallery' // Gallery element
,zoom: true // Use zoom
,zoomAction: 'mouseenter' // Zoom on action
,zoomTimeout: 500 // Timeout before zoom
,zoomDuration: 100 // Zoom duration time
,zoomImageBorder: 5 // Zoomed image border size
,showBox: true // Enavle fullscreen mode
,showBoxSocial: true // Show social buttons
,padding: 5 // padding between images in gallery
,lineMaxHeight: 150 // Max set height of pictures line
,lineMaxHeightDynamic: false // Dynamic lineMaxHeight. If set to True,
// then line height will be changing on
// resize, coressponding to
// baseScreenHeight param
,baseScreenHeight: 600 // Base screen size from wich calculating dynamic lineMaxHeight
});
// Max image width form Picasa
// 94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912,
// 1024, 1152, 1280, 1440, 1600
$.ajax({
url: 'https://picasaweb.google.com/data/feed/api/user/118283508237214694671/albumid/5685978516288199793'
+'/?alt=json&fields=entry(gphoto:id,title,media:group(media:thumbnail,media:'
+'content))&imgmax=720',
dataType: 'jsonp',
success: function(data){
var photos = {}
if(!data.feed.entry) return;
for(var i in data.feed.entry) {
var e = data.feed.entry[i].media$group;
var id = data.feed.entry[i].gphoto$id.$t;
var t1h = e.media$thumbnail[2].height;
var t1w = e.media$thumbnail[2].width;
var t1src = e.media$thumbnail[2].url
var t2w = Math.round(t1w * 1.5);
var t2h = Math.round(t1h * 1.5);
var t2src = e.media$content[0].url+'/../../w'+t2w+'-h'+t2h+'/';
var bsrc = e.media$content[0].url;
var bw = e.media$content[0].width;
var bh = e.media$content[0].height;
photos[id] = {id:id,img:bsrc,width:bw,height:bh,
th:{src:t1src,width:t1w,height:t1h,
zoom_src:t2src,zoom_factor:1.5
}
};
}
PhotoWall.load(photos);
}
});
});
</script>
¿Como puedo solucionar esto? Como averiguar la url de mi album de imagenes?