Salve a tutti.
Vorrei poter inserire una galleria di immagini nel mio sito.
Siccome mi trovo molte foto ogni volta per ogni album, piuttosto di creare una galleria mia, dove inserisco le foto in una cartella e poi fare uno script che legge i file della cartella, avrei pensato di usare l'album di facebook.
Ho questi codici in mano:
html:
<div id="photo-container"></div>
lo script
$(function() {
var album_id = '376995711728';
$.ajax({
url: 'http://graph.facebook.com/' + album_id + '/photos?fields=images',
dataType: 'jsonp',
success: function(data) {
var fb_images = data.data;
if (fb_images.length > 0) {
$.each(fb_images, function(i, o) {
var img_obj = o.images[o.images.length - 3];
var img = $('<img>', {
src: img_obj.source
});
var a = $('<a>', {
href: o.images[0].source
});
var span = $('<span>').append(img);
$(a).append(span);
$('#photo-container').append(a);
});
$('.fancybox a').fancybox();
}
}
});
});
e il css:
#photo-container {
padding: 15px;
}
#photo-container a {
overflow: hidden;
display: block;
float: left;
border: 1px solid #cdcac6;
padding: 0;
margin: 0 7px 10px 8px;
width: 126px;
height: 98px;
}
#photo-container a span {
display: block;
overflow: hidden;
width: 118px;
height: 90px;
border: 4px solid #FFF;
}
#photo-container img {
display: block;
}
tutto funziona, ma quello che non mi convince è che le foto in miniatura, se ci clicco sopra, vanno in un'altra pagina. Non c'è modo di fare che si aprino sulla stessa pagina, magari con la foto sovrapposta alla pagina che si sta guardando?
Oppure, mi suggerite un sistema diverso per questa galleria, abbandonando l'idea di facebook?
Grazie!