Bonjour,

J'aimerais réaliser une galerie de photos avec fancybox en utilisant un fichier xml qui contiendrait les images, afin de faciliter les modifications/ajouts de photos à venir.

<novice inside>Première question, est-ce que cela est possible... ?</novice inside>

Si oui, j'ai fait plusieurs essais, mais alors sans aucun résultat ! J'avais pourtant réussi a mettre en place cette solution pour une galerie en flash, mais là...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script>
	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
 	<link rel="stylesheet" href="style.css" />
	<script type="text/javascript">
		$(document).ready(function() {
			$("a[rel=jqueryFancyboxGallery]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});
		});
	</script>
</head>
 
<body>
 
  <!-- remplacement des liens ci-dessous par une fonction accédant au fichier xml -->
 
  <p><a rel="jqueryFancyboxGallery" href="galerie-photos/p1.jpg"><img src="galerie-photos/p1_mini.jpg" alt="" border="0" /></a></p>
  <p><a rel="jqueryFancyboxGallery" href="galerie-photos/p2.jpg"><img src="galerie-photos/p2_mini.jpg" alt="" border="0" /></a></p>
  <p><a rel="jqueryFancyboxGallery" href="galerie-photos/p3.jpg"><img src="galerie-photos/p3_mini.jpg" alt="" border="0" /></a></p>
 
  <!-- pour la creation du fichier xml, je veux bien aussi un petit coup de pousse... -->
 
</body>
</html>
merci à vous.