Pagination et défilement automatique

Bonjour,

L'idée, c'est d'ajouter dans pajinate.js :
- un setInterval qui démarre un défilement automatique en exécutant un showNextPage() toutes les 4s,
- un handler à l'event mouseover sur l'objet $page_container, qui stoppe le défilement automatique avec un clearInterval,
- un handler à l'event mouseout sur l'objet $page_container, qui relance le défilement automatique avec un setInterval.

Au niveau du code, c'est un peu alambiqué car il faut mélanger du jquery avec des setInterval/clearInterval. Par exemple, en supposant qu'on ajoute une option maison que j'ai appelée "auto_show_next_page" pour activer le défilement automatique, on peut dans pajinate.js (juste après la ligne if (!options.wrap_around) tagNextPrev();) insérer le code suivant :

if (options.auto_show_next_page)
{
	$.fn.autoshownextpage=function(){
		showNextPage(this.find('.next_link'));};
	$page_container.attr(
		'intervalId',
		setInterval("$('#"+$(this).attr('id')+"').autoshownextpage()",4000)
	);
	$page_container.mouseover(function(ev){
		clearInterval($(this).attr('intervalId'));
	});
	$page_container.mouseout(function(ev){
		$(this).attr(
			'intervalId',
			setInterval("$('#"+$(this).attr('id')+"').autoshownextpage()",4000));
	});
}

Et pour qu'une liste ait cette fonctionnalité, il faut que ses options wrap_around (qui permet de revenir à la première page après avoir affiché la dernière) et auto_show_next_page (qui permet de disposer du défilement automatique) soient à true. Par exemple, si on applique ça à la liste 9 de l'exemple, ça donne :

$(document).ready(function(){
	$('#paging_container9').pajinate({
		num_page_links_to_display : 3,
		items_per_page : 6,
		wrap_around: true,
		show_first_last: false,
		auto_show_next_page: true
	});
});

Note : dans les spécifications, il faudrait sans doute rajouter ce qu'on voudrait obtenir lorsque la machine de l'internaute n'a pas de souris (parce qu'en l'état, rien n'est prévu pour stopper le défilement automatique en l'absence de souris).

Amicalement,