2012-07-21 81 views
6

folderstructure muy simple como esto ...PHP y HTML: ¿cómo recorrer un directorio con imágenes?

  • index.php
  • img
    • someimage1.jpg
    • someimage2.png
    • someimage3.jpg

I Me pregunto qué tan difícil es utilizar php para leer esta carpeta img y crear un micrositio que recorre estas imágenes con enlaces "prev" y "siguiente".

Así que no quiero especificar manualmente cuáles son los nombres de archivo de las imágenes. Sólo quiero añadir imágenes a la carpeta y un script PHP se ejecuta a través de ellos y crea una navegación como la

<a href="nextimage-link" class="next">Next Image</a> 
<a href="previmage-link" class="prev">Previous Image</a> 

Así que cada vez que haga clic en el enlace "Siguiente Imagen" se actualiza el sitio y muestra la siguiente imagen.

¿Es complicado de construir? Alguna idea sobre eso? Gracias de antemano por sus consejos y ayuda.

+0

['glob()'] (http://il.php.net/manual/en/function.glob.php) –

+0

O [readdir] (http://il.php.net/manual/en /function.readdir.php) – Neograph734

Respuesta

10

considere lo siguiente, estoy asumiendo la img carpeta se encuentra en /var/www carpeta:

$dir = "/var/www/img/*.jpg"; 
//get the list of all files with .jpg extension in the directory and safe it in an array named $images 
$images = glob($dir); 

//extract only the name of the file without the extension and save in an array named $find 
foreach($images as $image): 
    echo "<img src='" . $image . "' />"; 
endforeach; 

Para una mejor interfaz de usuario, puede crear un conjunto de rutas de imágenes y almacenarlas en una matriz de JavaScript. A continuación, utilice los botones Anterior y Siguiente para cambiar el índice de la matriz de imágenes y mostrar la actual en la etiqueta única img.

+0

Me encanta la idea sobre JS Array. ¿Cómo puedo crear una matriz JS con php? – matt

+0

Puede usar la función PHP 'realpath()' para obtener la ruta real. –

+0

Por favor revise esta ayuda http://www.w3schools.com/php/func_filesystem_realpath.asp –

Cuestiones relacionadas