• ベストアンサー

Webページにおいて図の一部分を赤く点滅させたい

現在、専門学校の卒研で図書検索システムを製作中なのですが ページにいくつかある本棚を配置図として表示させています。 この本棚の配置図において検索した本が入っている本棚を赤く "点滅" させるにはどのような方法がありますか？ 今、Flashでやってみようか考え中なのですが。 製作に使っている言語はHTML、JavaScript、PHPです。 アドバイスよろしくお願いします。

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

  • ベストアンサー
回答No.3

その本棚の配置図という実際の画面を見ないと手段を決めかねますが。 簡単な表やスタイルシートを駆使して作っただけの図なら、点滅させたいところに ID でも振っておいて JavaScriptのタイマーで該当IDのスタイル（色）を書きかえてやれば点滅してくれるでしょう。 複雑な図などでも、画面の横幅や縦幅がある程度決まっている、あるいは確実なウィンドウサイズが求められるという環境ならば、float;absolute で div あたりを、配置図の上に飛ばして、点滅させたりとか。 あるいは絵を事前に複数枚用意しておいて、状況に応じて絵を変更するとか。 昔はそういう方法しかありませんでしたから、まあ、色々とローテクな方法は思いつきますが、実際試してみたわけじゃないので、実験してみる必要はあります。 スムーズにアニメーションしたり、未来っぽいデザインのGUIを実装したいと思っているのならばフラッシュと連携したほうがよいとは思います。 今は HTML5 も使えることですし、いろいろ試してみたらよいのではないかと思います。

shorinji36
質問者

お礼

回答有難うございます。 現在、配置図はペイントで作成したJPEG画像となっております。 色の塗ってある画像と塗ってない画像を交互に表示させれれば点滅すると考えておりました。

その他の回答 (2)

  • kiflmac
  • ベストアンサー率22% (160/717)
回答No.2

すいません逆でした(；´Д｀) PHP→JavaScript

shorinji36
質問者

お礼

すいません、漠然としすぎてわからないです。 もう少し具体的にお願いします。

  • kiflmac
  • ベストアンサー率22% (160/717)
回答No.1

初めまして、おはようございます。 私が製作するなら、JavaScriptでベースを作り、PHPで作ると思います。 人により、得手不得手があるので、画一した回答は出来ないです。

shorinji36
質問者

お礼

さっそくの回答有難うございます。 私はパッとした感じ色の塗っていない配置図と塗っている配置図を交互に表示させれば点滅しているように見えるのではと思いました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

  • web製作について

    web製作に関して、2点質問があります。 （1）　dreamweaver のほうがhomepagebuilderよりいいと聞きますが、　　一体どういった点でいいんでしょうか？ （2）　また、初心者で現在、HTMLやCSSを独学で勉強しています。しか　　　し、専門的製作となる　と、Photoshop 、Flash、などいろいろ　　　なグラフィックソフト、そして、さらにはPerl,CGI,PHP 　　　　といろいろ複雑な要素も勉強しないといけませんね。どういう　　　　過程で学習していけばよろしいでしょうか？

  • Web Developerの給料ってどれくらい？

    Web　Developer（言語は　XML、Flash、JavaScript、XSLT、PHP、MySQL）のお給料ってどれくらいなんでしょうか。たとえば経験2,3年くらいの人など。

  • PerlやPHP、Rubyはどの準拠でしょうか。

    HTMLやCSSはW3CでFlashやJavaScriptはECMA準拠ですが、PerlやPHP、Rubyの準拠を調べても検索結果がなかなか見つかりません。ご回答お願いします。 もし良かったらCやC#、Javaなど他の言語の準拠を教えていただければ幸いです。

    • ベストアンサー
    • PHP
  • Webサービス作成に最適な言語は？

    はてなやGoogleのようなサイトを作成にはどんな言語を学べばいいでしょうか。(PHPやJavaScriptあたりかな、とは感じていますが) ちなみにHTML、VBの経験は少しあります。

  • WEBアプリケーションを作ってみたいのですが・・・。

    最近までHTML、CSS、javascriptを勉強していたものですが、WEBアプリケーションを作ってみたいと思い、質問させていただきました。 下記にまとめさせてもらいました。一つでもいいのでよろしくお願いします。 1.JavaServletやPHPやPERL、ASP、AJAX（？）などと色々言語がありますがどう違うのでしょうか？実行の早さが違うというぐらいでしょうか？ 2.これから一つの言語に絞って勉強していきたいのですが、どれを覚えるのが一番使い勝手がよいのでしょうか。調べたらJavaServletを使うのがいいという意見が多かった気がします。（違っていたらごめんなさい） 3.データベースも使用したいと思っていますが、JavaServletやPHPをいったWEBアプリケーションを作る言語は、全てデータベースを使えるのでしょうか。 すみませんが、よろしくお願いします。

  • PHPで変化した部分にibox効果

    Ajaxを使った画像データベースの検索システムを開発しています。 prototype.jsを使ってプルダウンメニューを設置したHTMLにJavaScriptの使用でPHPよりデータベース検索を行っています。 検索結果にはサムネイル画像とタイトルが含まれます。このサムネイル画像をクリックすることで ibox.jsの効果を発動させて元サイズ画像をスライド表示させたいのですが、うまくいきません。 ｈｔｍｌ中にスクリプト宣言をしても、PHPの検索結果によってHTML自体が変化するわけでもなく、 かと言って、PHP中にスクリプト宣言しても効果が表れることもなく。 必要であれば、ソースもあげますので、お力添えをお願いします。

    • ベストアンサー
    • AJAX
  • WEBデザイン初心者がこれから身に付けるべきは？

    私はWEBデザイナーとしての実務経験が半年程度で、WEBに関わる仕事をして2年程度になります。 昨年からHTML5が徐々に浸透してきて、今後、WEBデザイナーとして仕事をしていくうえでデザインとコーディング以外に身に付けるべきスキルは何なのか悩んでいます。 ちなみに私は、デザインとコーディングはある程度できますが、javascriptやCGIなどはサッパリわかりません。 Flashについては、PCスクールに通っていたころはフラッシャーという仕事にも憧れを持っていましたが、実務では今のところFlashを作成する機会もなく、PCスクールでも基本的な使い方程度しか習っていません。Actionscriptはボタンとstop程度のレベルです。 HTML5になるとFlashの需要が減るという話も聞きますし、これからFlashを極めていくのはどうなのかな？と思います。 現状、HTML5についてほとんど勉強できていないので、これも習得しなければならないのですが、それと＋αで何か習得しておきたいのです。 スマートフォン向けアプリ、Javascript、CGI、PHP、Flash、もしくはその他の何か… 需要の面も含めて、ご教授いただけると幸いです！ ちなみに、今は制作会社で働いていますが、将来的には独立を考えています。 なので、今、会社ではホームページ内の新着情報やお問い合わせ等のシステムの部分は専門スタッフの方に丸々お願いしていますが、そういったホームページを受注すると合わせて発生することの多いプログラムを習得しておいた方が強みになるのかな？とも考えています。 どうかご意見をお聞かせ下さい。 あわせて、私のようなゼロから始める人にもやさしい本をご存知でしたら、教えていただけるととても助かります。 よろしくお願いいたします。

  • 言語は全部でいくつですか？

    プログラミング のカテには↓ ・ Microsoft ASP ・ C＆C++ ・ CGI ・ Flash ・ HTML ・ Java ・ JavaScript ・ Perl ・ PHP ・ Visual Basic ・ Web Page Design ・ XML ・ その他(プログラミング) と、たくさんありますがこれらはすべて言語なのですか？ あと、HP（サイト）を作りたいのでHTMLを勉強したいのですが何かいいサイトはありますか？

    • ベストアンサー
    • HTML
  • HTMLでゲームができるってどういうこと？

    ずいぶん前からFlashの提供が終わるからとか脆弱性がどうのだとかで、FlashゲームはHTML5に乗り換えるべしみたいな記事や掲示板の書き込みやらをよく見かけました。 ずっと分からないのが、なんでHTML? え？ HTMLってテキストにマーク付けるだけのものじゃないの？ しょせん装飾した文字ですよね？ Flashみたいにゲームができるって訳わかめってな感じです。 僕もサイトを作ったことはありますし、HTML4は古いからと聞いてHTML5で作りました。 でもHTML5だと宣言する部分だとかヘッダ部分だとか書き方や使えるタグがちょっと違うだけで、やはりHTMLはHTMLで4とはあまり違いが分かりませんでした。 文字に印を付けたら、ブラウザが取り決め通りにその文字を大きくしたり色を付けたりして表示してくれる。 ただそれだけ それがHTMLだと思ってました。 動的なページにしたければPHPやJavaScriptなどを利用するしかないと。 それが動的などころかゲーム！？ いったいどういうことなんでしょうか？ 別途、ゲームのファイルなどを用意しておいて、それを読み込んでゲームさせるって事？ でもそれだと「HTML5でゲームができる」とは言えませんよね？ 読み込んでるだけなんですから。 HTML5の書き方などを説明しているサイトを覗いてみても、やはりマークアップの方法しかなくて、ゲームを作る方法なんて載ってませんでした。 HTML5はもうPHPやJavaScriptなどを使わなくても、PHPやJavaScriptを使っているかのような動的なサイトを作ることができると言うことなでしょうか？ さらにFlashのようなゲームまで？ 本格的にHTML5を身につけたら、もうPHPやJavaScriptは必要ないんですか？ HTML5とCSSとデータ管理用にMySQL当たりを覚えていれば、普通のサイトからゲームまで何でも作れるんでしょうか？ HTMLでゲームを作れるってどういう仕組みなの？

    • ベストアンサー
    • HTML
  • WEB系の会社への就職を考えています

    私は現在HTML、CSSのほうを8割とJavaScript（勉強中）2割程度PHP1割程度の能力しか持ちあわせていないのですが、前にハローワークへ行ってそれらしい会社の就職ペーパーを見せてもらったら、「こういう会社は初心者の後押しもしてくれるよ」とは言ってくれました。 また色々なネットの友達に聞くと、面接の際に自分で作ったものを見せたりするよ。とも言われたのですが、この場合どういった範囲のものを見せたら良いのでしょうか？ JavaScriptやPHP、Perlなども取り入れたWEBプログラミング有りな場合がやはり会社としては注目してくれたりするんでしょうか？ だとすればもう勉強しないといけないよね？と思い2日前にAmazonでPHPとJavaScriptの専門書を買って勉強中です・・・。 いくらなんでもJavaScript2割程度PHP1割程度くらいの初心者は後押ししてくれるとは思えないんですがやはり頑張らないとダメですか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する