• ベストアンサー

Webサイトで画像に対してデータベースのような検索

自分のホームページで、リンクボタンを押すと該当する画像が表示されるようにしたいのですが、japascriptやcss でも、技がありましたら教えてください。 表示される画像が、例えば ★☆◆◇▲△ とあった場合 [白]のボタンを押すと ☆◇△ が表示され [四角]のボタンを押すと ◆◇ が表示されるような感じにしたいのです。 ふわっとしたイメージで分かりにくいと思いますが宜しくお願い致します。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • Kemusu
  • ベストアンサー率36% (55/150)
回答No.1

似通った画像を検索すると言うことでしょうか? その手の技術は類似画像検索という部類に入りますので Javascriptなどクライアントサイドどうこうできるのではありません。 基本的にすべての画像の特徴抽出→DBに格納 検索する画像の特徴点を抽出→DBから出力 みたいな感じですね。

yuky-4126
質問者

お礼

DBをどういじるかですよね。VBや何だったらAccessでなら分かるのですが、ホームページとなると何かあるのかなぁと思った次第で。 ありがとうございました。

関連するQ&A

  • 画像の背景に画像を入れるようにする指定方法。

    ホームページを作成していての質問です。 動的ページで、画像を10枚ほど入れられるように設定してあるのですが、 10枚画像がない場合、枠の中に画像が表示されない×印がついてしまいます。 (7枚しか画像がない場合、3枚分の枠が×印になってしまう。) この×印を表示させないために、 CSSで、入れる画像がない場合は背景を白にする、もしくは、指定した画像を表示するように 指定することは可能でしょうか。 どなたかご回答いただけると幸いです。 宜しくお願い致します。

    • 締切済み
    • CSS
  • 【DreamweaverCS5】ナビの画像について

    Dreamweaverを利用してHPのヘッダやフッタ、ナビ(メニュー)を テンプレート化しようと思うのですが、 選択されているhtmlによって、該当するナビだけ違う画像を表示したいと思っています。 (http://www.okwave.co.jp/index.html のヘッダメニューのように) その場合は、ナビ部分をテンプレートに含めてしまうのは無理なのでしょうか。 例) index.html、company.html、qa.htmlとあった場合、 index.htmlのときのナビ画像は image1 image2 image3 company.htmlのときのナビ画像は、imageor1 image2 image3 qa.htmlのときのナビ画像は、image1 imageor2 image3 のような感じです。 思いついたのが、 メインのCSSと、ナビ用の画像を指定するCSSを分けて、 各htmlごとに、それぞれのナビ用のCSSを指定するやり方です。 一応これでナビもテンプレート部分に収めることができたのですが、 もう少し賢いやり方や方法があるのではないかと思っています。 メニューの中で、表示中のものだけ画像が違うのは 非常に良くあるパターンなので、何か賢いやり方があるのではないかと 思っています。 分かる方ご教授お願いします。

    • ベストアンサー
    • HTML
  • 一般的なWebサイトのメニュータブの作り方とは?

    初めてWebサイトを作っているのですが、まずは素材を集める必要があると思い、フォトショップでサイトのロゴなどを作りました。また、「メールでのお問い合わせはこちら」というリンク画像も作りました。 そして次に、よくあるメニュータブ(例えば、会社概要や事業内容、求人情報、CSRなど)にとりかかろうと思っているのですが、これは一般的にどうやって作っているのでしょうか? フォトショップで作っているのでしょうか? それとも、HTMLとCSSだけで作っているのでしょうか? また、CSSを使えば、リンクテキストにカーソルを合わせれば、文字がずらせることは知っています。だけど、よくあるメニュータブの場合、カーソルを合わせると四角のタブと文字が一緒に光ったりします。 この方法についても教えて下さい。お願いします。

    • ベストアンサー
    • CSS
  • webサイトを公開したら画像&cssが表示されない

    同一フォルダ(/public_html)に index.html 、画像フォルダ 、css.css があります。 画像を表示させる際には <img src="画像フォルダ/ファイル名.拡張子" alt=""/> を使用し、 cssを利用する際には <link href="css.css" rel="stylesheet" media="all"> を入力してあります。 この条件でサイトを閲覧しても画像やcssが機能されておりませんでした。 こうなりますと、原因というのはやはりアップロードが出来ていないということになるのでしょうか? なにか間違いがありましたら教えていただきたいです。分かる方がいらっしゃいましたら、回答よろしくお願いします

  • データベース形式のWEBサイトの作り方

    WEBサイトを作りたいと考えています。 簡単な画像やリンク張りをしたくらいの初心者です^_^; どんな知識が必要か教えて頂けたら助かります。 考えてますサイトは、一般ユーザーから何らかの規則性のある数字を各PCから入力してもらい、サイト上にデーターベース形式で取りまとめ表示させるイメージです。 サーバーは、最初はレンタルと考えています。 初心者なりに、PHP+MySQLで作れるのかな~と思ったりしています。 唐突な内容ですが、ご教授のほど、宜しくお願いいたしますm(__)m

    • ベストアンサー
    • PHP
  • formのsubmitボタンを画像にして、オンマウスで画像を切り替えた

    formのsubmitボタンを画像にして、オンマウスで画像を切り替えたい。 HTMLとCSSでHP制作しています。 formのsubmitボタンを自作のボタン画像に変えて、ボタンにマウスを乗せると 画像の色を変えるという事をやりたいと思っています。 例えば赤ボタンをオンマウスで青ボタンにするという感じです。 ネット検索してボタンを画像に変える事は出来ました。 ですが、オンマウスで画像を切り替えるやりかたがよくわかりません。 javascriptを使ったものを見かけたように思うのでこちらで質問してみました。 CSSで普通のリンクボタンの画像切り替えは出来るのですが、 formではそういうわけにはいかないのでしょうか? javascriptがよくわかならいのですが、そんな私にも出来るでしょうか? どこか参考サイトがありましたら、紹介して頂けるとありがたいです。 アドバイスよろしくお願い致します。

  • DBからの検索とhtml上での検索、どちらがよい?

    現在と趣味でホームページを制作しようとしているのですが、 データの取得速度に関して質問があります。 今、実現したい機能は、  "ホームページ上に表示されている複数の画像の内、検索条件に該当する画像だけを表示させる" といったものなのですが、 これを実現するにあたって、  (1)imageの属性に各イメージファイルにタグのようなものをつけて、JavaScriptで検索する  (2)DBに各イメージファイルの名称と属性(タグ)のぞ情報を持っていて、そこから検索する といったことを考えています。 処理速度のみを考えた場合、どちらのほうが良いのでしょうか? お時間ありましたら、教えていただけると幸いです。

  • デヂカメ画像をアルバムのようにWebで閲覧出来るようにしたい!

    タイトルの通りです。 IBMホームページビルダーver.6を使っています。OSはWinXP。 HPスペースはgooを使わせていただいています。 デヂカメで撮った写真が100枚以上あります。 いつも友達に見せるように、Webで閲覧出来るようにしているのですが、 今までやっていた方法は、topに縮小画像を並べて、縮小画像をクリックすると 新規ウインドウで一枚ずつ大きな画像が表示される感じです。 いい加減画像が多くなると、リンクを貼るにも手間がかかりますし、 見ているほうも、一枚ずつウインドウが開くのもうっとうしいかとも思います。 それで、もっと簡単に作成できる方法がないかな~と思いまして。 出来れば、一つの画像が表示されていて、「次へ」のボタン(リンク) をクリックすると次の画像が表示され、次々へと画像が閲覧出来る形が 良いなぁとは思っています。 他の形式でも全然かまわないのですが、ビルダーで自動的に作れる方法なんかはないのでしょうか? あくまで自分のHPで閲覧ということで、よくあるweb上で自分のアルバムを 置けるようなサービスは使う気はありません。 ご存知の方がいらっしゃいましたら、宜しくお願いいたします。

  • 画像が表示されません

    cssを使って、ホームページを作成しようとしています。 ファイルの構成は \MyHP のフォルダーの下に\image と \style と index.html としており、\image の中に 画像の hana.gif を入れ、\style の中に style.css の名前でcss ファイルを書いています。 hana.gif を画面の左端に並べようとして、cssには body {background-image:url(image/hana.gif); background-repeat:repeat-y; background-attachment:fixed} と書いています。 勿論 index.html の <header> には <link rel="stylesheet" href="style/style.css" type="text/css"> は書いています。 しかし、何も表示されません。 background-color:#ffff00; と書き換えると、画面は黄色一色に変わります。 他のことでも試していますが、どうも background-image:url(....) となるとうまくゆかないようです。 background:url(......)としてもダメです。 何が悪いのでしょうか。現在はIE7を使用していますが、IE6でもダメです。 画像ソフトで hana.gif を確認しましたが、問題なく画像が表示されます。

  • 検索サイト結果からのホームページ表示について

    yahoo等の検索サイトでキーワードを指定し、結果一覧から該当するページに推移した際、検索結果一覧で表示されていたキーワードを含んだ箇所が該当画面をすべてスクロールしても見つからない事があります。 多分(憶測ですが)該当ページ上のボタンやリンクから飛ばないとたどり着けない様な気がしています。 この様な場合、目的の画面を表示させるにはどうしたら良いのですか? (ボタンやリンクを片っ端から操作して探し出すしか無いのでしょか?) 宜しくお願いします。