
Tengo una galería de imágenes sólo con CSS, nada de javascript. El problema es que tengo una mostruosa cantidad de carpetas con fotos y para facilitar un poco su actualización quiero llamarlas con la función scandir(). El HTML de la galería, simplificado, va así:
Código HTML:
<ul class="slider"> <!--main image--> <li id="foto01"><img src="path/img.jpg" alt="" /></li> <li id="foto02"><img src="path/img.jpg" alt="" /></li> </ul> <ul class="thumb"> <!--thumbnails--> <li><a href="#foto01"><img src="path/img.jpg" alt="" /></a></li> <li><a href="#foto02"><img src="path/img.jpg" alt="" /></a></li> </ul>
Cambiándolo por la función de PHP lo he dejado así para la imagen principal (dentro de <ul class="slider">):
Código PHP:
$featured_dir = 'path/';
$scan = scandir($featured_dir);
echo '<li id="' . $scan[2] . '"><img src="' . $featured_dir . $scan[2] . '" /></li>';
Código PHP:
$dir = 'path/thumbs/';
$scan = scandir($dir);
for ($i = 0; ;$i<count($scan); $i++) {
if($scan[$i] != '.' && $scan[$i] != '..') {
echo '<li><a href="#' . $scan[$i] . '"><img src="' . $dir . $scan[$i] . '" alt="' . $scan[$i] . '" /></a></li>';
}
};
Agradecería si alguien me pudiera orientar antes de empezar a buscar otra alternativa. Y si este no es el foro correcto, no estoy seguro, favor de mover el post por favor.
Gracias
