galería de imágenes con sub categorias
Publicado por Nicolás (24 intervenciones) el 15/11/2016 16:31:16
He estado tratando de encontrar información acerca de galería de imágenes con sub categorías, pero no he encontrado nada. Hay algunos sitios que explican como tener varias miniaturas en una tabla o en una lista y al hacer click en ellas agrandarlas, permitiendo navegar a la anterior o la siguiente.
Es posible tener una careta con miniaturas, y al hacer click en alguna imagen navegar a una subcarpeta, por ejemplo, al hacer click en una casa abrir una sub carpeta de casas y navegar por las imágenes de ese directorio? Yo hice un código con una función recursiva a través de opendir y con arrays multidimensionales, pero no hay caso.
Agradezco cualquier información.
Saludos.
Es posible tener una careta con miniaturas, y al hacer click en alguna imagen navegar a una subcarpeta, por ejemplo, al hacer click en una casa abrir una sub carpeta de casas y navegar por las imágenes de ese directorio? Yo hice un código con una función recursiva a través de opendir y con arrays multidimensionales, pero no hay caso.
Agradezco cualquier información.
Saludos.
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
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE HTML>
<html lang="">
<head>
<meta charset="UTF-8">
<title>galeria</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<?php
function dirToArray($dir) {
$listDir = array();
if($handler = opendir($dir)) {
while (false !== ($file = readdir($handler))) {
if ($file != "." && $file != ".." && $file != "thumb") {
if(is_file($dir."/".$file)) {
$listDir[] = $file;
}elseif(is_dir($dir."/".$file)){
$listDir[$file] = dirToArray ($dir."/".$file);
}
}
}
closedir($handler);
}
return $listDir;
}
$pathGallery = "img/";
$list = dirToArray($pathGallery);
?>
<div class="container">
<ul class="gallery">
<?php for($a = 0; $a < count($list); $a++): ?>
<li>
<a href="#img<?php echo $a; ?>">
<img src="img/thumb/gA<?php echo $a; ?>.jpg">
</a>
<article id="img<?php echo $a; ?>">
<figure>
<a href="#img<?php
if($b == count($list[$a])) {
echo 1;
} else {
echo $b+1;
}
?>">
<?php for($b = 0; $b < count($list[$a]); $b++): ?>
<img src= "<?php echo $pathGallery . $a . "/" . $list[$a][$b] ?>">;
<?php endfor; ?>
</a>
</figure>
<nav>
<a class="close" href="#close">Close</a>
<a class="arrow prev" href="#img<?php
if($a == 1) {
echo count($list);
} else {
echo $a-1;
}
?>">Previous</a>
<a class="arrow next" href="#img<?php
if($a == count($list)) {
echo 1;
} else {
echo $a+1;
}
?>">Next</a>
</nav>
</article>
</li>
<?php endfor; ?>
</ul>
</div>
</body>
</html>
Valora esta pregunta
0