画像と説明文を別データで作りたい

質問

画像を条件で抽出して表示させたいのですが、可能でしょうか?
pic1ならtext1、という感じで対になるテキストを用意して、
例えば「川」を表示したければ、
テキストの頭が「川」なら、対になる画像を表示させる、
という方法でいいかなぁと(^_^;)
もっとスマートな方法があれば、
アドバイスお願いします＜(_ _)＞

pic1.jpg（山の写真）
text1.txt（山、富士山、静岡県、3,776m）
pic2.jpg（川の写真）
text2.txt（川、江戸川、千葉県、59.5km）
pic3.jpg（湖の写真）
text3.txt（湖、琵琶湖、滋賀県、670.33）
　　・
　　・

回答No.1

steel_gray

全体像がわからないので、なんとなくですが…

画像は全てimgで書いておく。テキストはaltやtitileで。
<img src="pic1.jpg" alt="富士山" title="山/静岡県/3,776m">
<img src="pic2.jpg" alt="江戸川" title="川/千葉県/59.5km">
で、スタイルシートで非表示にしておき、
検索処理でaltやtitleにマッチしたもの表示する。
とか思いつきました。
画像が大量にあると読み込みに時間が掛かるのがネックですが、
こうした書き方にしておくとデータで持たせていては不可能なgoogleなどの外部からも検索される事が期待できます。

タイトル通り別データで、という事なら別ファイル(XMLとか)に画像のURLやテキストを用意してAjaxで読み込み/検索するようにするのかなぁ。

全然質問の意図を取り違えているようでしたら失礼。
もう少し具体的に実現したいユーザーインターフェースとか画面構成とかがあると違った答えになったかもしれません。

補足

画像は後から追加できるのが希望です(^_^)
ツーリングで風景写真を撮って、
サーバーに随時アップしていく、という感じです。
その時、サーバーの画像フォルダに
画像と、それと対になるテキストを放り込むだけで、
例えば「山」ボタンを押すと、
抽出されて表示される... という感じです。

今から本屋に行って、XMLとAjaxの入門書を探してきます(^_^;)