• 締切済み

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

画像を条件で抽出して表示させたいのですが、可能でしょうか? pic1ならtext1、という感じで対になるテキストを用意して、 例えば「川」を表示したければ、 テキストの頭が「川」なら、対になる画像を表示させる、 という方法でいいかなぁと(^_^;) もっとスマートな方法があれば、 アドバイスお願いします<(_ _)> pic1.jpg(山の写真) text1.txt(山、富士山、静岡県、3,776m) pic2.jpg(川の写真) text2.txt(川、江戸川、千葉県、59.5km) pic3.jpg(湖の写真) text3.txt(湖、琵琶湖、滋賀県、670.33)   ・   ・

みんなの回答

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

全体像がわからないので、なんとなくですが… 画像は全て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で読み込み/検索するようにするのかなぁ。 全然質問の意図を取り違えているようでしたら失礼。 もう少し具体的に実現したいユーザーインターフェースとか画面構成とかがあると違った答えになったかもしれません。

MacBook
質問者

補足

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

関連するQ&A

  • 滋賀県

    私は滋賀県が1番嫌いな都道府県です。 47都道府県で滋賀県が 絶対に住みたくない嫌いな都道府県です。  滋賀県って湖だらけで湿気が多くて  気持ち悪い県だと思いませんか?  湖に浸かって水没してるみたいで嫌いです。  周りは山に囲まれて湖だらけで 湿気が多くて汚いと思いませんか?  天気予報とかで日本地図が表示される時も  滋賀県だけ琵琶湖のところが穴が空いていて  陥没してるみたいで嫌いです。  皆さんに聞きたいのですが  滋賀県は絶対に住みたくない 1番嫌いな都道府県ですか? 教えて下さい。

  • テキスト形式から画像形式へ

    jpg画像をテキストに放り込むと化けもじみたいのがたくさん出ます。 それを一回、テキスト形式で保存してから拡張子を***.txt→***.jpgにして画像を見ようとすると、表示されないです。 テキストにしてからJPGに直す方法ってありませんか? よろしくお願いします。

  • 水は琵琶湖 に集まるorから出ていく??。

    大阪に行く途中滋賀県を通ったので琵琶湖にいってみようと思い 川を伝わって行ったトコロ 運よくたどり着いたのですが(逆に行ってたらと思うとゾッとしますが) 川の水って琵琶湖に集まるんですか それとも出ていくんですか??。

  • 480×800のフリー画像(写真)

    はじめまして。 480×800のフリー画像(風景写真)を探しています。 カレンダーやテキスト(著作権用のテキストは可)が入っていない フリー画像(写真)がおいてあるHPを教えてください。 求めている画像は朝or昼の富士山、または朝or昼の風景です。 よろしくお願いいたします。

  • 画像を切り替えながら、説明文をその下に表示したい

    画像を切り替えるのにJava Scriptで <body> <div align="center"> <img id="mypic" src="./jpg/1.jpeg" height="600px"><br> <input type="button" value="戻る" onclick="go_back()"> <input type="button" value="進む" onclick="go_forward()"> </div> <script> var pics_src = new Array("jpg/1.jpeg","jpg/2.jpeg","jpg/3.jpeg"); var num = 0; function go_forward(){ if (num == 2) { num = 0; } else { num ++; } document.getElementById("mypic").src=pics_src[num]; } function go_back(){ if (num == 0) { num = 2; } else { num --; } document.getElementById("mypic").src=pics_src[num]; } </script> </body> としようと思っています。 同時に、この画像の説明文(全角で20文字くらい)を画像の下、または中に表示させたいと思っています。 画像にPaintで描きこむことを考えましたが、画像数が数百あり、現実的でありません。 頭の中では1.text,2.twext,3.textというファイルを作り、その中に説明文20字程度を記入、それをhtmlで表示できればと思っていますが、どうにも進みません。 教えてください。

  • びわ湖で犬が泳げる場所

    滋賀県・南部辺りで... 人のジャマにならずに犬が水遊びできる場所を教えて下さい。 びわ湖でも川でもいいです。 宜しくお願いします。

    • ベストアンサー
  • 滋賀県下の人口密度

     人口密度は面積あたり人口なのですが、ふと、思ったのは、滋賀県の面積。  滋賀県の1/6は琵琶湖ですが、この面積は当然、滋賀県の面積でしょう。人口密度は県の人口を県の面積でわればいいのですが、  じゃあ、県下の市町村の人口密度の場合、琵琶湖を各市町村で分割してふくんでいるのか。  甲賀郡みたいに、琵琶湖から離れたところは問題ないのですが、大津市や、長浜市などは・・・?  市役所に聞けばすむ問題なのですが、もし、そんなの○○だ、という方がおられましたらよろしく。  (霞ヶ浦もそうでしょうね。大潟村なんか、湖の中にあるんですが、それなども・・)

  • 京都での入漁料について。

    釣を始めようと思うのですが、川には入漁料って言うのがあるんですよね。 どの川でもあるんでしょうか? 雲ヶ畑や広河原等で釣が出来ないかなと考えています。 また、池や湖(琵琶湖)等はどうなんでしょうか? 初心者なもので、本格的に釣るって言うより、 山に入って、ついでに子供と釣が出来ればなって言う程度で考えています。 同じ川でもこの辺は入漁料はかかるけど、もうちょっと上流はかからないとか、支流はかからないとか何でしょうか? もし知ってる方がおられたら教えてください。

  • 悲しき 2  (調べずにお答えください)

    1 日本一高い山は富士山  では 2番目は? 2 日本一広い湖は琵琶湖  では 2番目は? 3 日本一面積の広い都道府県は北海道 では 2番目は? 4 日本一長い川は信濃川  では 2番目は? ふと2という数字に同情してしまいました。  ・2位もドべも同じ。  ・2位じゃダメなんですか ・2月だけ28日までしかない ・2番手 という表現 ・1番寒い時期は2月 ・1番暑い時間帯は2時  ・単2電池  ・2千円札 ・2ちゃんねる ・2代目社長 ・2作目 2という数字が少しかわいそうに思えています。 2のいい所を挙げてください。

  • 兵庫県のバス釣り

    昨年からバス釣りをはじめました(大阪在住) 昨年は琵琶湖や西の湖といった滋賀県の湖を 回りましたがあまり釣果は芳しくありませんでした (腕のナイせいが大きいでしょうが) 友人に聞くと滋賀のバスはスレていて初心者には なかなか難しいと言います 兵庫の野池はポイントも多くそんなにスレていない ところもあるらしいとい言うので何か情報が あれば宜しくお願いします (ポイントを公にすると人が集まってしまうでしょうが  比較的知られている場所で結構ですのでお願いします)

専門家に質問してみよう