2012-07-21 11 views
6

molto semplice folderstructure come questo ...PHP e HTML: come eseguire il ciclo di una directory con le immagini?

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

I chiedo quanto sia difficile è usare php per leggere questa cartella img e creare un microsito che scorre attraverso queste immagini con i link "prev" e "next".

Quindi non voglio specificare manualmente quale sia il nome file delle immagini. Voglio solo aggiungere immagini alla cartella e uno script PHP viene eseguito attraverso di loro e crea una navigazione simile

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

Così ogni volta che clicco sul link "Immagine successiva" aggiorna il sito e mostra l'immagine successiva.

È complicato da costruire? Qualche idea su questo? Grazie in anticipo per le vostre domande e aiuto.

+0

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

+0

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

risposta

10

Si consideri il seguente, io parto dal presupposto l'img cartella è in /var/www cartella:

$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; 

Per una migliore interfaccia utente, è possibile creare un array di percorsi di immagini e memorizzarli in una matrice JavaScript. Quindi utilizzare il pulsante Precedente e Successivo per modificare l'indice dell'array di immagini e visualizzare la corrente nel singolo tag img.

+0

Mi piace l'idea della JS Array. Come posso creare un array JS con php? – matt

+0

È possibile utilizzare la funzione PHP 'realpath()' per ottenere il percorso effettivo. –

+0

Si prega di consultare questa guida http://www.w3schools.com/php/func_filesystem_realpath.asp –

Problemi correlati