- 締切済み
javascripts チェンジイメージ
助けてください。 javascriptsで、 ボタンをマウスオーバーすると、そのボタンではなく、別の画像が切り替わり、なおかつ、そのボタンもマウスオーバーすると色が反転するといったものを作りたいのですが、どうしたらいいのでしょうか？ 図にするとこんな感じです。 下の1、2、3ボタンにそれぞれマウスをあわせると、 ■の写真がそれぞれチェンジします。 そして、ボタンの画像もマウスオーバー時は反転画像します。 (1) (2) (3) ■ 今日中に作らなければならず、困っています。 一箇所の画像をマウオーバーでチェンジさせるのはDreamweaverで簡単にできるのですが、応用ができません。 なにとぞ宜しくお願いします！
- may_07
- お礼率29% (7/24)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
http://internet.okwave.jp/qa478331.html 「javascript 画像 変更」辺りで全カテゴリ検索すると出てくる 文字の色が変化するのはCSSでできる。 http://www.tohoho-web.com/css/reference.htm#hover
関連するQ&A
- ホームページ作成について
ホームーページ作成について質問です。 現在ホームーページビルダーV6.5ライトを使用してホームページを作成しています。 ボタンをロールオーバ化(マウスが重なったら色を反転)して反転させるところまではできたのですが ボタンをクリックしてそれに対応するページを見ている間は反転したままにするにはどうしたらよいでしょうか？ 現状はマウスがボタンから離れるとすぐに反転が戻ってしまいます。
- ベストアンサー
- その他（インターネット接続・通信）
- マウスオーバーで横に反転するjqueryについて
マウスオーバーで横に画像が反転するjqueryのプラグインを探しています。 http://lab.smashup.it/flip/ このサイトのように画像Aから画像Bに反転するのですが、下のサムネイルをクリックするのではなく、画像自体にマウスオーバーすることでその画像が反転するものを探しています。 ※左から右にスライドするものは省きます。 もし同様のものがあるのであれば、jqueryに限らず情報をお待ちしています。 お力添えよろしくお願いします。
- ベストアンサー
- JavaScript
- メニューボタンをSSIで呼び出すときのポイント
現在fireworksで書き出したメニューボタンを使っています。マウスを乗っけると、ロールオーバーするタイプです。 そのボタンを押すと、その反転する状態を、HTMLで記述しています。 ---------------- ■■■■■■■■ トップページ＆マウスを乗せていないとき ----------------- ■■■□■■■■ トップページでマウスオーバー ＿＿＿↑ ----------------- ■□■□■■■■ ジャンプ後のコンテンツとマウスオーバー ＿↑ ---------------- これをSSI(virtualでタグを呼び出すのみ）に記述すると、当然どのページに移動しても、 ■■■■■■■■ のようになります（どれにもマウスオーバーしていない状態） 従来通り、ジャンプしたコンテンツのメニューが 色がついている状態にすることと、SSI（virtual）での呼び出しは不可能な事でしょうか？ SSIでcgiを呼び出して、アドレスからコンテンツに関するディレクトリを抜き出して、反転させるcgiにするほうがいいでしょうか？ それとも、メニューバーの下に、現在位置がわかる細いバナーを追加した方が早いでしょうか？
- ベストアンサー
- HTML
- 画像のロールオーバー
Dreamweaver8のビヘイビアのスワップイメージを使って 画像のロールオーバーを再現したいのですが 思い通りにいきません。 実装したいこと ---------------------------------------------------- 画像Ａをマウスオーバーで画像Ｂに変わる クリックでオーバーした状態を保持（画像Ｂのまま） さらに、画像Ｃをマウスオーバーで画像Ｄに変わり クリックでオーバーした状態を保持（画像Ｄのまま） そのクリック時、画像Ｂが画像Ａに変わる ---------------------------------------------------- http://h2ham.up.seesaa.net/html/bgimage-change03.html の上の画像のような感じです。 これを実装を助けて頂きたいです。 スクリプトが書けず、Dreamweaverのビヘイビアしか 対応できない為、詳しく解説いただけたら嬉しいです。 もしくは参考サイト、サンプルソースなどありましたら 助かります。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像がめくれて切り替わるようなactionscript
下記のサイトのようなボタンをマウスオーバーすると、 画像がめくれるように次の画面に切り替わるようなASはどう設定すればよいのでしょうか？ 初心者のため、参考書等を見てもどれを応用すればよいかわからず困っています。 http://sazan.co.jp/
- 締切済み
- Flash
- CSSだけでサムネイルから拡大画像チェンジ
1ヶ所の指定場所に拡大画像が表示された状態で、下段にいくつかのサムネイルを設置し、マウスをそのサムネイルに乗せると拡大画像がチェンジして、マウスを外すと元画像に戻るみたいな事をCSSだけで表現したいのですが可能でしょうか？感じとしては http://curucuru-select.com/?pid=7429014 のCSS版みたいなものをのぞんでいるのですが・・・多分このサイトはjavascriptでやってるみたいなんですけど・・できたら、サンプルソースをいただけるとありがたいのですが・・どうかよろしくお願いします。
- 締切済み
- CSS
- フラッシュメーカー3に関して
例えば、ボタンにマウスを置くとボタンの色が変わる等のその場所のみのロールオーバーはできるのですがボタンにマウスを置くとボタンと違う箇所の画像の変え方がわかりません。わかる方いましたら宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- ＦｉｒｅＷｏｒｋｓで作った画像をＤｒｅａｍＷｅａｖｅｒに・・
お世話になっています。 FireWorksでほぼまるまるトップページを作成して、 ボタン部分をスライスして、 シンプルロールオーバーで、マウスを乗せると色が変わる設定をしました。 FireWorksからブラウザで確認すると、ちゃんとうごきます。 書き出すときに、 ファイルの種類・・HTMLとイメージ HTML・・HTMLファイルを書き出し スライス・・スライスの書き出し を選びました。 これをDreamWeaverに読み込む前に他になにか注意することはありますか・・？DreamWeaverでは動きません・・。 DreamWeaverに読み込むときというのは、ひょっとして 書き出したときにたくさん出てきたスライス部分の 画像を配置するのでしょうか・・？ 全然見当違いのことを言ってたらすみません・・。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- Dreamweaverでimageのロールオーバー
Dreamweaverを使ってimageボタンのロールオーバーを指定すると <head>内に記述されるjavascriptのほか、<body>タグの中にも以下のタグが記述されます。 <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> ()内のgif名はボタンがover時の画像名ですが、ロールオーバーするボタンが膨大だと <body>タグ内も膨大なソース量になってしまいます。 試しに削除してみたところIEでは正常にロールオーバーが動作します。 上記の記述は何を意味しているのでしょうか。 不足な情報があれば補足させていただきますので、お知恵をお貸し下さい。
- 締切済み
- ホームページ作成ソフト
- ボタンにロールオーバーで吹き出し表示
ボタンにロールオーバーで吹き出し表示 flash初心者です。。 ボタンが数個並んでおり、それぞれにロールオーバーすると、吹き出しで説明画像を表示、マウスが外れたら吹き出しも消える、ということをしたいです。 難しいスクリプトを使わずに出来るだけ単純で分かりやすい方法(gotoandplayくらい)で実現するにはどうしたらよいでしょうか？ ネットで調べたりしているのですが、スクリプトだと応用が出来ず… ご存知の方がいらっしゃいましたらどうかお教え願えないでしょうか。
- 締切済み
- Flash
補足
ありがとうございます！ やりたいことは、まさに、こういうことでした。 http://leche.goodcrew.ne.jp/leche/mobile_style/ ただ、ソースをこぴぺしたりしてやってはみたのですが、 うまくいきません。 ちなみに画像はパッと切り替えたいのですが。。 勉強不足ですみませんが、お力添えを・・