Ciao a tutti,
sto cercando di recuperare i dati da un feed youtube, paginarli a gruppi di 6 e visualizzarli in altrettanti div (#video0... #video5) nella mia pagina..
il problema è che se il feed mi rende un numero di video multiplo di 6 riesco a visualizzarli tutti..
se al contrario ad esempio ne ha 13 le prime due pagine da 6 le visualizzo, la terza dove dovrei vedere il 13° video non la riesco a visualizzare..
Il codice è questo..
codice:
function jasoncalling(query,maxresults,startindex){
$.getJSON('http://gdata.youtube.com/feeds/api/playlists/'+query+'?&alt=json-in-script&callback=?&max-results='+maxresults+'&start-index='+startindex, function(data) {
var videoloop = 0;
var videolist = [];
var videotitle = [];
$.each(data.feed.entry, function(i, item) {
var dataLength = data.feed.entry.length; //how many videos were found
var title = item['title']['$t'];
var video = item['id']['$t'];
var video = video.replace('http://gdata.youtube.com/feeds/api/playlists/','http://www.youtube.com/watch?v=');
var videoID = fragments[fragments.length - 2];
videolist[videoloop] = videoID;
videotitle[videoloop] = title;
videoloop = videoloop+1;
if(videoloop == 6) {
scroll(videolist,videotitle)
}
});
});
}
function scroll(videolist,videotitle){
var thevideodiv = document.getElementById('player');
var picloop;
for(picloop=0;picloop<=5;picloop++){
var thevideopicdiv = document.getElementById('video'+picloop);
videotitle[picloop] = videotitle[picloop].replace(" - ","
");
videotitle[picloop] = videotitle[picloop].replace(" (","
(");
thevideopicdiv.innerHTML = '<div style="cursor:pointer;" title="'+(videotitle[picloop])+'" id="videopics">
</div></div>';
}
$('#leftbutton').click(function(){
var ifimage = $('.videodiv').html();
page = page-6;
jasoncalling(query,6,page)
if(page==1){
document.getElementById('leftbutton').style.display='none';
document.getElementById('leftbutton2').style.display='inline';
}
else {
document.getElementById('leftbutton').style.display='inline';
document.getElementById('leftbutton2').style.display='none';
}
});
$('#rightbutton').click(function(){
document.getElementById('leftbutton').style.display='inline';
document.getElementById('leftbutton2').style.display='none';
var ifimage = $('.videodiv').html();
page = page+6;
jasoncalling(query,6,page)
});
il problema penso che sia il passaggio di 6 video alla volta, dovrei invece aggiungere un immagine per ogni video mancante al raggiungimento dei 6 video..
bah..spero qualcuno possa illuminarmi!
Grazie
Protooler