Bonjour à tous,

dans le cadre du dev d'un petit site vitrine, je souhaites utiliser le plusgin supersized.
Une fois le plugin ajouté à ma page, voilà le code pour "instancier" une gallerie :
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
<script type="text/javascript">  
		$(function(){
			$.fn.supersized.options = {  
				startwidth: 640,  
				startheight: 480,
				vertical_center: 1,
				slideshow: 1,
				navigation: 1,
				thumbnail_navigation: 0,
				transition: 3, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
				pause_hover: 1,
				slide_counter: 1,
				slide_captions: 1,
				slide_interval: 3000,
				slides : [
					{image : 'slides/tower.jpg', title : 'City Clock Tower', url :'http://www.flickr.com/photos/...'},
					{image : 'slides/fence.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/...'},  
					{image : 'slides/tracks.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/...'}
				]
			};
$('#supersized').supersized(); 
	    });
	</script>
La galerie sera placée dans une page dédiée.
Sur une des pages du site, je liste les albums photos disponibles et redirige vers la page où se situe la galerie.
J'aimerais ne pas avoir à créer une page pour chaque album photo mais plutôt passer le nom de l'album cliqué en querystring, le récupérer côté page de galerie et donc charger dynamiquement un album.

Sachant que la liste des photos à afficher est déclarée de cette manière :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
slides : [
					{image : 'slides/tower.jpg', title : 'City Clock Tower', url :'http://www.flickr.com/photos/...'},
					{image : 'slides/fence.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/...'},  
					{image : 'slides/tracks.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/...'}
				]
Je pense stocker les différentes images des différents albums dans un array ou autre objet, array dont chaque ligne devrait être identifiée avec le nom de l'album qu'il décrit.
Ainsi, en récupérant le nom de l'album désiré en querystring, je pourrais sélectionner la ligne de l'array qui m'intéresse et la passer à la propriété "slides" du plugin supersized.

Cela vous paraît-il crédible ?
Comment procéderiez-vous pour implémenter cette fonctionnalité ?