2012-07-21 16 views
6

このような非常にシンプルなfolderstructure ...PHPとHTML:画像を含むディレクトリをループする方法は?

  • のindex.php
  • IMG
    • someimage1.jpg
    • someimage2.png
    • someimage3.jpg

Iそれがいかに難しいのだろうかphpを使ってこのimgフォルダを読み込んで、この画像を "prev"と "next"のリンクでループするマイクロサイトを作ります。

画像のファイル名を手動で指定する必要はありません。私はただのフォルダに画像を追加したいとPHPスクリプトは、それらを介して実行し、だから私は、「次の画像」リンクをクリックしたときに、それはサイトを更新し、次の画像を示している

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

ようなナビゲーションを作成します。

ビルドするのは複雑ですか?その上の任意のアイデア? あなたのティップスと助けをあらかじめありがとうございます。よりよいUIについては

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

、あなたがイメージパスの配列を作成し、それらを保存することができます:

+0

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

+0

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

答えて

10

は私がIMGフォルダはの/ var/WWWフォルダにあると仮定しています、次のことを考えてみましょうJavaScript配列次に、[前へ]および[次へ]ボタンを使用してイメージアレイのインデックスを変更し、imgタグで電流を表示します。

+0

JS Arrayについてのアイデアが大好きです。 PHPでJS配列を作成するにはどうすればいいですか? – matt

+0

'realpath()' PHP関数を使って実際のパスを取得することができます。 –

+0

このヘルプをご覧くださいhttp://www.w3schools.com/php/func_filesystem_realpath.asp –

関連する問題