- ベストアンサー
Dreamweaver(ドリームウィバー)のスワップイメージについて
ドリームウィバーでサイトを構築中です。 画像にビヘイビアのスワップイメージを適用しました。 (サイト中央の額の画像です。) が、マウスオーバー後に指定していない画像が切り替わります。また、マウスアウトしても、画像は元に戻りません。今まで何度もやっていたのですが、こんな現象は初めてで、解決できません。 どなたか教えて頂けないでしょうか。 よろしくお願いします。 URLです。 http://jaiko.boo.jp/collect/stussy/
- jaikoz
- お礼率60% (15/25)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
画像を並べているテーブルの <table> タグに余計なビヘイビアが設定されていますので、これを削除すれば直りますよ。
関連するQ&A
- Dreamweaver8で複数スワップイメージ
DW超初心者なんですが、個人サイト作成中に早速のつまずきです・・・ 自分の作品ページに作品画像を一点配置して、「next」と「back」のアイコンをクリックして配置した作品画像を次々と入れ替える(スワップ)というページを作りたいのですが、色々なサイトや本を見てもなかなか理解できるものがありませんでした。DWのビヘイビアの応用で出来るのでしょうか? お答えよろしくお願いします!!
- 締切済み
- ホームページ作成ソフト
- Dreamweaver MX のロールオーバー機能とスワップイメージ機能の組み合わせについて
2つの機能の組み合わせについて悩んでいます。 ロールオーバー機能 (マウスポインタが上に乗ったときに別の画像に変わる) とスワップイメージ機能 (マウスポインタが乗っているのとは別の場所の画像を変える) を同時に行いたいのですが可能でしょうか? 試しに1ページ作成したところロールオーバーされる画像にマウスポインタを上にしたとき画像も変更されスワップイメージの方も画像が変わるのですが、マウスポインタを離したときスワップイメージの方だけが画像が元に戻らず悩んでいます。マウスポインタを離したときスワップイメージも元に戻す方法はございませんか? 回答宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- DreamWeaverMX2004 スワップかナビゲーションバーか?
マウスオーバーのイメージを挿入する際です。 (1)ビヘイビアパネルからスワップイメージを挿入する (2)ナビゲーションバーから挿入する の2つのやり方があると思うんですが、どちらがいいでしょうか?またどちらがより一般にされているんでしょう? 個人的には(1)がいいかなと思います。 (2)の、ナビゲーションバーから挿入する方法ですと、新たにテーブルが作成されますよね? テーブルタグが増えるとページがより重くなるかなと心配です。 どちらが正しいやり方なんでしょう?
- ベストアンサー
- その他(業務ソフトウェア)
- 画像のロールオーバー
Dreamweaver8のビヘイビアのスワップイメージを使って 画像のロールオーバーを再現したいのですが 思い通りにいきません。 実装したいこと ---------------------------------------------------- 画像Aをマウスオーバーで画像Bに変わる クリックでオーバーした状態を保持(画像Bのまま) さらに、画像Cをマウスオーバーで画像Dに変わり クリックでオーバーした状態を保持(画像Dのまま) そのクリック時、画像Bが画像Aに変わる ---------------------------------------------------- http://h2ham.up.seesaa.net/html/bgimage-change03.html の上の画像のような感じです。 これを実装を助けて頂きたいです。 スクリプトが書けず、Dreamweaverのビヘイビアしか 対応できない為、詳しく解説いただけたら嬉しいです。 もしくは参考サイト、サンプルソースなどありましたら 助かります。 よろしくお願いします。
- ベストアンサー
- JavaScript
- CSSの画像のマウスオーバーの質問です
こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> ↑ このような画像のリンクにCSSを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- スワップイメージ+リンクの変更
まったくの素人ですが、お教えください。 以下のようなテーブルにそれぞれ画像とリンクをつけようとしています。 <table> <tr> <td rowspan="3"><a href="hoge.html"><img src="hoge.jpg"></a></td> <td><a href="a.html"><img src="a.jpg"></a></td> </tr> <tr><td><a href="b.html"><img src="b.jpg"></a></td></tr> <tr><td><a href="c.html"><img src="c.jpg"></a></td></tr> </table> a.jpg/b.jpg/c.jpg(以下、abc) がそれぞれメニューバーの項目で、 hoge.jpgを大きなメインの画面にしたいと思っています。 このとき、abcのいずれかをマウスオーバーするたびに、それぞれのイメージがhogeのエリアにスワップされ、かつそれぞれの項目のリンク(a.html/b.html/c.html)がhoge.htmlと置き換わるようなjavascriptを作りたいと考えています。 イメージのスワップだけならいくつも見つけることができたのですが、イメージとリンクが両方ともスワップされるようなものを、見つけることができませんでした。もしそのようなjavascriptがweb上にありましたら、お教えください。
- ベストアンサー
- JavaScript
- スワップイメージ+リンクの変更 その2
たびたび御世話になります。 以前、QNo.4078462で質問させていただいた者です。 http://oshiete1.goo.ne.jp/qa4078462.html 質問させていただいた問題は解決できたのですが、修正が必要となりました。 自分でなんとか解決してみようと試みたのですが、 少し時間が無いために改めて質問させてください。 以下のようなテーブルにそれぞれ画像とリンクをつけようとしています。 <table> <tr> <td rowspan="3"><a href="hoge.html"><img src="hoge.jpg"></a></td> <td><a href="a.html"><img src="a.jpg"></a></td> </tr> <tr><td><a href="b.html"><img src="b.jpg"></a></td></tr> <tr><td><a href="c.html"><img src="c.jpg"></a></td></tr> </table> a.jpg/b.jpg/c.jpg(以下、abc) がそれぞれメニューバーの項目で、 hoge.jpgを大きなメインの画面にしたいと思っています。このとき、 1. abcのいずれかをマウスオーバーするたびに、それぞれのイメージがhogeのエリアにスワップされる 2. abcからマウスを外すとhoge.jpgに戻る の2点を満たすjavascriptを御教授ください。 2. の条件がある分、以前と違ってリンクまでスワップされる必要はありません。
- ベストアンサー
- JavaScript
- マウスオーバーで複数の画像を表示したいです。
マウスオーバーで複数の画像を表示したいです。 マウスオーバーで複数の画像を任意の場所に表示して、 マウスアウトでそれぞれの画像を非表示にしたいです。 やりたい事は ■にマウスオーバーすると□が表示され、□をどれかマウスオーバーしても、□の画像3枚全部とも表示は続いてほしいです。■と□のどれかからマウスアウトすると非表示にしたいのです。 ■ □ □ □ よろしくお願いします。
- ベストアンサー
- JavaScript
- DreamWeaver/タブスタイルのメニューバーを作りたい(ロールオーバー・スワップ)
よろしくお願いします。(mac OS10.3.9) ドリームウィーバーでタブのような外観をもったメニューを作りたいと思って試行錯誤しています。 1 2 3と並んだメニューボタン画像がロールオーバーで変化して、そのメニューボタンの下にサブメニューが現れて、リンクできるというイメージです。 例えば、「music」というラベルの赤いボタンにマウスを当てると「music」赤ボタンが「music」緑ボタンに変わってその下段に緑の長方形の列ができて、「ジャズ」「クラッシック」など他ページへのリンク(Mapを使って?)ができるような感じです。 緑ボタンと下段がつながってみえてタブっぽいイメージで。 DWでロールオーバーとスワップイメージを使って、「music」緑ボタンにして、下段に緑長方形を表示するところまでは何とかいけたのですが、ハテ、この長方形にリンク先をつけたいのだがどうしたらいいのだろうと途方にくれてしまいました。 検索はしてみたのですが、ぴったり同じような制作方法手順などが見つかりませんでした。 お分かりになる方、手順を教えていただけませんか?
- ベストアンサー
- ホームページ作成ソフト
- グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教
グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教えてください。 個別ページ毎にactなどとクラスをいちいち割り振るのではなく、JavaScriptで、パッと一気に処理したいと考えています。 ネットを探し回って、「カレントページ」「マウスオーバー」それぞれに対応する記述は見つけたのですが、それらを組み合わせると期待通りの動作となりません。具体的には、カレントページで、グローバルメニューをマウスオーバーした際、マウスオーバー画像へ変わるまではよいのですが、マウスアウトした時点で、カレントではない、ノーマル画像へと変更されてしまいます。(リロードすると、カレントメニュー画像へと戻るのですが…) 「カレントページにいるときは、マウスオーバー画像を表示させずにカレントメニュー画像のままにしとく」 あるいは、 「カレントページでマウスアウトした際はカレントメニュー画像を、その他のページでマウスアウトした際はノーマルメニュー表示させる」ようにするためには、どうしたらよいでしょうか? スクリプトそのものを教えていただけると一番有難いのですが、難しいようであれば、参考になるサイト等でも構いません。何らしかのヒントだけでも、誰かくださいー。
- ベストアンサー
- JavaScript
お礼
ありがとうございました。 参考になりました。 PCのメモリが足りないようで、変なタグが生成されてしまうようです。