Fonctionnement pagination
Bonjour à tous,
J'essaye de coder un slider dans un modal apparaissant sur mon site. Le modal affiche des images correctement, provenant d'un dossier, la pagination s'affiche, mais impossible de passer d'une page à l'autre.
Voici mon bout de code :
Merci d'avance à celui ou celle qui me trouvera une solution :/.
Code:
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
| <a href="#myModal" class="outside-bt modal-trigger space-top-25 space-bottom-25">Images NEWS</a>
<div id="myModal" class="window-modal g2" hidden>
<center><h2 class="title">Des images pour les news !</h2></center>
<div style="overflow:scroll; height:425px; width:775px;" class="content">
<center>Clique droit sur une image, puis copie l'url de l'image :)</center>
<br>
<br>
<?php
$racine = "http://www.bobbazhotel.com/administration/news2/";
$ext_list = Array("jpg", "jpeg", "bmp", "gif", "png");
$dir = opendir("news2/");
$nbimages = 20;
$i = 0;
$images_sur_le_serveur = glob("news2/*.png");
$combien_d_images_sur_le_serveur = count($images_sur_le_serveur);
// On déclare la pagination
$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
$debut = $nbimages * ($page - 1);
while ($Fichier = readdir($dir))
{
$files[] = $Fichier;
}
while ($files[$i] && ($i)<($nbimages+$page))
{
if ( $files[$i] != ".." && $files[$i] != "." && $files[$i] != "")
{
echo "<p align=\"center\"><img src='$racine/$files[$i]' border=\"0\"></p><p> </p>";
}
$i++;
}
echo '<p align="center">';
?>
<div class="pagination pagination-mini" style="margin-bottom: 0px;">
<ul>
<li class="active x"><a href="javascript:void(0);" onclick="SlideWP(1);">1</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(2);">2</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(3);">3</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(4);">4</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(5);">5</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(6);">6</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(7);">7</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(8);">8</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(9);">9</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(10);">10</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(11);">11</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(12);">12</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(13);">13</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(14);">14</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(15);">15</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(16);">16</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(17);">17</a></li>
<li><a href="javascript:void(0);" onclick="SlideWP(18);">18</a></li>
</ul>
</div>
<?php
echo '</p>';
closedir($dir);
?> |
