Je gère une galerie d'images.
Sur ma page test_beauty.php j'ai sur le côté gauche un frame avec une page (test_listserie_beauty.php) récapitulant des vignettes correspondant à une série de photos.
Sur le bas j'ai un autre frame avec les vignettes de la série sélectionnée et en cliquant sur l'une d'elle j'ai la photo en grand.
Mon problème est que pour avoir les photos en grand j'ai créé pour chaque série une page (test_beauty_serieB1à B14.php)
Comment faire en XML pour n'avoir qu'une page qui variera avec la série sélectionnée
Merci d'avance
Code de la page test_listserie_beauty.p
<html>
<head>
<title>Beauty Gallery</title>
<script type='text/javascript'>
<!--
function loadSerie(url) {
parent.serie.location = url;
}
-->
</script>
</head>
<body bgcolor='#000000' >
<center>
<!--
Cette table contient la liste des petites images des
séries
-->
<table bgcolor='#000000' cellspacing=20 cellpadding=0 border=0 width=100% >
<!--
les tags <tr> et </tr> servent à définir le contenu d'une ligne.
on part sur 4 images par ligne
-->
<tr valign=top>
<!--
les tags <td> et </td> contiennent les informations d'une série
-->
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB1.php")'>
<img src='images/serieB1_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB2.php")'>
<img src='images/serieB2_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB3.php")'>
<img src='images/serieB3_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB4.php")'>
<img src='images/serieB4_1.jpg' height="60">
</a>
</td>
</tr>
<!-- Nouvelle ligne d'images -->
<tr valign=top>
<!--
les tags <td> et </td> contiennent les informations d'une série
-->
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB5.php")'>
<img src='images/serieB5_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB6.php")'>
<img src='images/serieB6_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB7.php")'>
<img src='images/serieB7_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB8.php")'>
<img src='images/serieB8_1.jpg' height="60" width="60">
</a>
</td>
</tr>
<!-- Nouvelle ligne d'images -->
<tr>
<!--
les tags <td> et </td> contiennent les informations d'une série
-->
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB9.php")'>
<img src='images/serieB9_1.jpg'height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB10.php")'>
<img src='images/serieB10_1.jpg' height="60" width="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB11.php")'>
<img src='images/serieB11_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB12.php")'>
<img src='images/serieB12_1.jpg' height="60" >
</a>
</td>
</tr>
<!-- Nouvelle ligne d'images -->
<tr>
<!--
les tags <td> et </td> contiennent les informations d'une série
-->
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB13.php")'>
<img src='images/serieB13_1.jpg'height="60" width="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB14.php")'>
<img src='images/serieB14_1.jpg' height="60" >
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB15.php")'>
<img src='images/serieB15_1.jpg' height="60">
</a>
</td>
<td>
<a href=# onClick='javascript:loadSerie("test_beauty_serieB16.php")'>
<img src='images/serieB16_1.jpg' height="60">
</a>
</td>
</tr>
</table>
</center>
</body>
</html>