Plusieurs fancybox simultanément

Samuel ROZE — Thu, 28 Jan 2010 22:24:43 +0000

Si vous ne connaissez pas, FancyBox est une petite librairie jQuery permettant de mettre en place de manière très simple de petites nouvelles petites sur-fenêtres, ou popup au sein de votre page Web. Le problème de FancyBox, en tous les cas pour la version actuelle, la 1.2.6, c’est qu’il est impossible de créer deux popups en même temps, par exemple on ouvre une popup “inline”, puis dans celle-ci on a par exemple une nouvelle popup, qui affiche des photos, hé bien c’est impossible…

Pour ça, j’ai donc développé une version “multiple” de FancyBox 1.2.6, dont le fichier JavaScript (et CSS) se nomment jquery.fancybox-1.2.6.multiple.js et .css. Vous pouvez les télécharger à ces adresses:

L’utilisation est quasi identique, sauf qu’un nouvel argument est possible lors de l’appel de la méthode fancybox sur un élément. Le deuxième argument attendu est le parent de la fancybox, ce qui permet ainsi de les différencier (un parent par fancybox), qui est par défaut $('body').

$('a#i2').fancybox(
	{
		hideOnContentClick: false
	}, 
	$('div#inline')
);

N’hésitez pas à me faire des retours.

D-Sites » simultanée

Plusieurs fancybox simultanément