• ベストアンサー

マウスオンで画像を切り替える(パズルのな画像の組み合わせ)

マウスオンで画像を切り替える(パズルのな画像の組み合わせ) 添付画像のようにパズルのような複数の画像の組み合わせを フラッシュを使わずにマウスオンで切り替える事はできますか? イメージマップでできるのなら一番嬉しいのですが。 参考になりそうなサイトでもかまいませんので教えてください。

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

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

  • ベストアンサー
  • t_nojiri
  • ベストアンサー率28% (595/2071)
回答No.1

http://www.animegif.net/tips/javascript/onmouseover.html ちょっと、HTMLだけでは有りませんが、こんな感じ。

m-----c
質問者

補足

あぁ。画像がアップロードできてない。。 ちがうんです。Javascriptは分かるんです。

関連するQ&A

  • マウスオンで画像を切り替える(パズルのな画像の組み合わせ)

    マウスオンで画像を切り替える(パズルのな画像の組み合わせ) 添付画像のようにパズルのような複数の画像の組み合わせを フラッシュを使わずにマウスオンで切り替える事はできますか? イメージマップでできるのなら一番嬉しいのですが。 参考になりそうなサイトでもかまいませんので教えてください。

    • ベストアンサー
    • HTML
  • マウスオンして画像の別の場所の1部分を変化させる

    初めまして。かなり調べたのですが、わからないので質問させて頂きます。 一枚の画像をトップページにしたいです。 その画像の中にメニュー(板に文字が書いてあるようなもの)があって、そこにマウスオンすると、その画像の別の場所が変化する(窓に明かりが灯るなど)ということは出来ますでしょうか。 イメージマップで絵の1部分からリンクを貼る方法はわかります。

  • 【javascript】マウスオンで画像表示を変更させる。

    【javascript】マウスオンで画像表示を変更させる。 マウスオンで画像の切り替えはできますが、 http://www.hotpepper.jp/ フームーの写真ギャラリーように切り替え時にぼかしたいのですが、 これは簡単な事でしょうか? そういったタグを紹介しているサイト等ご存知でしょうか?

  • マウスオンの画像の切り替え

    マウスオンで画像が切り替わるというJAVAソースですが、 違う位置に画像を表示させるというやり方を教えてください。 そのようなサイトをみてソースをみるのですが、 JAVAプログラムは全然知らないので、見ても どこがどうなっているのか、さっぱりわかりません。 本当に初心者とも言えないのですが、 何とか気の長い方、教えてください。

    • ベストアンサー
    • Java
  • 画像をパズルのピースのように切り分けたい

    はじめまして、ぜひ教えて下さい。 300×400ほどの大きさの一枚の画像を、3×4の12ピースのパズル風に 切り分け、1ピースずつ保存したいと思います。 それには、どのようにするのが一番簡単でしょうか? (FLASHに読み込んでジグソーパズルを作りたいと思いまして・・・) いろいろ考えてやってみましたが、どうもうまく行きません。 仕事でやらなければならないので、焦っています・・・。 どうぞよろしくお願いいたします。

  • Cで画像処理 15パズル

    こんにちは。 Cビルダーを使ってプログラムをしたいと思っています。 右も左も分からない状態ですが。 デジカメなどから取り込んだ画像を分割して 15パズルの作りたいのですが 参考になるサイトなどあったら教えていただけますでしょうか? よろしくお願いします。

  • javaを使ってマウスオンでの画像切替について

    javaを使って、ある1つの画像にマウスを乗せると、 他の場所にある画像2つが同時に入れ替わるという事を行いたいのですが どうしても上手くいきません。 例えば・・・ ┌─────┐ │◇画像A◇ │ └─────┘ ┌─────┐ │○画像B○ │ └─────┘ ┌─────┐ │☆画像C☆ │ └─────┘ とあるとしたら、 画像Aにマウスを乗せた場合、画像Cと画像Dが 他の画像になるようにしたいのです。 ┌─────┐ │◇画像A◇ │←これにマウスオン └─────┘ ┏━━━━━┓ ┃●画像B● ┃ ┗━━━━━┛←画像Bと画像Cが ┏━━━━━┓←同時に他の画像に変わる ┃★画像C★ ┃ ┗━━━━━┛ 画像Aはマウスを乗せても変化は無いままで、 画像Bと画像Cは異なる画像です。 マウスを画像Aから放したら、元の画像に戻るようにしたいと考えています。 さらに、同ページ内に複数使用したいのです。      ~~~~~~~~~~~~~~~~~~~~~ if (document.images) { var img0 = new Image(); img0.src = "○画像B○"; var img1 = new Image(); img1.src = "●画像B●"; function On(name) { if (document.images) { document.images['ネーム'].src = eval(name + '.src');}} function Off() { if (document.images) { document.images['ネーム'].src = img0.src;}} を応用して、どうにかならないかな…と思ったのですが、 どうにもなりませんでした。 もしかしたら、応用のやり方が間違えているのかもしれません。 あまり詳しくないので・・・。 どこを探してもサンプル等見つからず、困っています。 どなたか教えて下さい。どうぞ宜しくお願いします。

  • 画像をジグソーパズルにして遊びたい

    画像をジグソーパズルにして遊びたい フリーソフトかウェブ上で、 ・自分の好きな画像をジグゾーパズルにできて、 途中でも保存できるものの中で、 「ピースの方向は固定(回転不要)」 のものが作れるサイトやフリーソフトがあったら回答お願いします。

  • パズルについて

    可愛い動物のインテリアを、集めるのが趣味なのですが、添付した画像のようなパズルを男性が購入するのは変ですか?

  • Flash パズル

    Flashでジグゾーパズルを作りたいのですが パズルのピースは一つ一つ手作業で作るのですか? それとも自動で作る事ができるのでしょうか?

    • ベストアンサー
    • Flash

専門家に質問してみよう