画像を条件で抽出して表示させたいのですが、可能でしょうか?
pic1ならtext1、という感じで対になるテキストを用意して、
例えば「川」を表示したければ、
テキストの頭が「川」なら、対になる画像を表示させる、
という方法でいいかなぁと(^_^;)
もっとスマートな方法があれば、
アドバイスお願いします<(_ _)>
pic1.jpg(山の写真)
text1.txt(山、富士山、静岡県、3,776m)
pic2.jpg(川の写真)
text2.txt(川、江戸川、千葉県、59.5km)
pic3.jpg(湖の写真)
text3.txt(湖、琵琶湖、滋賀県、670.33)
・
・
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で読み込み/検索するようにするのかなぁ。
全然質問の意図を取り違えているようでしたら失礼。
もう少し具体的に実現したいユーザーインターフェースとか画面構成とかがあると違った答えになったかもしれません。
この回答への補足
画像は後から追加できるのが希望です(^_^)
ツーリングで風景写真を撮って、
サーバーに随時アップしていく、という感じです。
その時、サーバーの画像フォルダに
画像と、それと対になるテキストを放り込むだけで、
例えば「山」ボタンを押すと、
抽出されて表示される... という感じです。
今から本屋に行って、XMLとAjaxの入門書を探してきます(^_^;)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 俳優・女優 上手だし投げ48、寄り切り48、ウッチャリ48、押し出し48、とかAKBの新ユニット流行らないですか 3 2023/05/21 23:41
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- 地図・道路 滋賀県高島市安曇川まで行くのですが、琵琶湖大橋を渡って途中161号(湖西縦貫道? )に入るのですが、 1 2023/07/23 23:25
- 転職 長く続けられる好条件の求人でしょうか? 3 2023/07/12 18:45
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- 地図・道路 富山県 通って 岡山まで行きます。 舞鶴若狭自動車道 ・ 名神高速道路 について 2 2023/07/04 10:40
- 東海 富士山が一番しっかり見やすいのは山梨県ですか? 河口湖か山口湖がどちらがおすすめですか? 静岡より山 11 2022/10/23 07:29
- Excel(エクセル) excelで検索した商品の画像(ネットワーク上の)を表示させたい。 3 2023/06/28 00:32
- Excel(エクセル) エクセルの参照について教えてください 1 2022/12/08 16:06
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScript スライドの画像にリ...
-
Gifアニメ、最後のコマに行った...
-
ボタンをクリックした時に、キ...
-
HTMLで条件分岐はできますか?
-
簡単に画像を自動切替できるJav...
-
1枚の画像をクリックすると複数...
-
曜日と時間を指定して表示画像...
-
jQuery FlexSliderのカルーセ...
-
javaを使ってマウスオンでの画...
-
マウス追従スクリプトについて
-
textareaに画像を表示したい
-
MAX関数を使ってからLEFT JOIN...
-
Javascript初心者|jQueryの.va...
-
jspでcssが読み込めない
-
画像の座標位置取得
-
htmlの記述で link rel=styles...
-
キャラクターがぴょこんと飛び...
-
読み込んだQRコードをフォーム...
-
複数の要素へ appendchild でき...
-
eclipseでcssを使うためには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
1枚の画像をクリックして複数の...
-
Javascript で共通の処理をどこ...
-
JavaScriptとチェックボックス...
-
画像ランダム表示、しかしダブ...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
1枚の画像をクリックすると複数...
-
javascriptで毎月替わる画像
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報