- ベストアンサー
スワップイメージで画像ではなくhtmlファイルを表示させたい
わからないので教えてください。 ドリームウィーバーでページを作っています。 スワップイメージの設定をすると、マウスをアイコンの上においたら、別の箇所のイメージ画像が変わりますよね。 イメージ画像ではなくて、htmlファイルを変更させたいのですが、できますか？ インラインフレームでできるかなと思ったのですが、どう設定すればいいかわからなくて困っています。 よろしくお願いします。 リンダ
- chisalin
- お礼率31% (19/61)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
方法は色々あると思いますが、取あえず質問者さんも おっしゃっているインラインフレームで・・・ 下記のソースを実行してみて下さい。 ちなみにドリームウィーバーもスワップイメージも 私は使ったことがないので、実装方法は知りませんが・・ <html> <head> <script> function yy(url){ document.xx.location.href = url; } </script> </head> <body> <img src="http://www.goo.ne.jp/img/logo/gootop_logo.gif" onMouseover="yy('http://www.goo.ne.jp/')" /> <img src="http://www.nifty.com/img/niftylogo_02.gif" onMouseover="yy('http://www.nifty.com/')" /><br> <iframe name="xx" src="about:blank" width="900" height="450"> </iframe> </body> </html>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
ドリームウェーバーもスワップイメージも知りませんが テキストの差し替えなら、pやdivやspanタグで idを振ってその内容を書き換えてやることでできます。 document.getElementById('hoge').innerHTML='内容' みたいなやり方です。 インラインフレームをつかうなら、トビ先を変更する 手もありますね。
お礼
ありがとうございました。 idをふってやってみたら、htmlをインラインフレームでつけることができました。
関連するQ&A
- Dreamweaver MX のロールオーバー機能とスワップイメージ機能の組み合わせについて
2つの機能の組み合わせについて悩んでいます。 ロールオーバー機能 (マウスポインタが上に乗ったときに別の画像に変わる) とスワップイメージ機能 (マウスポインタが乗っているのとは別の場所の画像を変える) を同時に行いたいのですが可能でしょうか? 試しに1ページ作成したところロールオーバーされる画像にマウスポインタを上にしたとき画像も変更されスワップイメージの方も画像が変わるのですが、マウスポインタを離したときスワップイメージの方だけが画像が元に戻らず悩んでいます。マウスポインタを離したときスワップイメージも元に戻す方法はございませんか？ 回答宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- スワップイメージで画像が不完全表示
DreamWeaver4でスワップイメージを設定しています． アクションはOnClickです． 特にエラーもなく，デバッグすると画像が表示されたりされなかったり，画像の途中までしか表示されなかったりします． なんででしょうか？ <a href="javascript:;" onClick="MM_swapImage('pictframe','','../pict/labo/netu-energy/kaino.jpg',1)">
- 締切済み
- JavaScript
- FlashCS4でスワップイメージがしたいのですが。
初心者です。FlashCS4でスワップイメージ（名称が違う？）がしたいのですが。マウスを乗せると別画面で上に写真がでるみたいな感じです。。表現が下手ですいません。。どなたかお教えください。よろしくお願いいたします。
- 締切済み
- Mac
- on Mouse後の画像にマップをはることが出来ますか？
on Mouseしたときの画像にマップをつかったリンクをはることはできますか。 JacaScriptでのソースをおしえてもらえませんでしょうか。 ドリームウィーバーのビヘビイアのスワップイメージでの ソースをもとにできると有りがたいです。 よろしくお願いします。
- 締切済み
- HTML
- Dreamweaver（ドリームウィバー）のスワップイメージについて
ドリームウィバーでサイトを構築中です。 画像にビヘイビアのスワップイメージを適用しました。 （サイト中央の額の画像です。） が、マウスオーバー後に指定していない画像が切り替わります。また、マウスアウトしても、画像は元に戻りません。今まで何度もやっていたのですが、こんな現象は初めてで、解決できません。 どなたか教えて頂けないでしょうか。 よろしくお願いします。 URLです。 http://jaiko.boo.jp/collect/stussy/
- ベストアンサー
- ホームページ作成ソフト
- ロールオーバーについて
お世話になります。ドリームウィーバーでスワップイメージの設定をすると function MM_findObj(n, d) { //v4.01 以下省略 というスクリプトを書き出してくれます。 そのスクリプトの意味がわかりません… 何をやってくれているのでしょうか。それがないと、マウスオーバーした時にイメージが変わらないのですが、知っている方いましたら、詳しく教えていただきたいです。 すみませんが、よろしくお願いします！
- ベストアンサー
- JavaScript
- Dreamweaver8で複数スワップイメージ
DW超初心者なんですが、個人サイト作成中に早速のつまずきです・・・ 自分の作品ページに作品画像を一点配置して、「next」と「back」のアイコンをクリックして配置した作品画像を次々と入れ替える（スワップ）というページを作りたいのですが、色々なサイトや本を見てもなかなか理解できるものがありませんでした。DWのビヘイビアの応用で出来るのでしょうか？ お答えよろしくお願いします！！
- 締切済み
- ホームページ作成ソフト
- ＣＳＳの画像のマウスオーバーの質問です
こんにちは [画像A]にリンクをはって、マウスオーバーの時に、[画像B]に切り替わるようにしたいのですが、できません。 ドリームウィーバーのビヘイビアパネル→スワップイメージを使うとできました。 しかし、CSSを使って、マウスオーバー時に画像を切り替えたいのです。 テキストを入れて、テキストインデント、-9999でテキストを飛ばして背景に「画像A」を持ってきて、a:hoverで「画像B」をいれて、マウスオーバーを切り替える。これもできました。 しかし、 <body> <a href="#"><img src="images/gazou.jpg" width="100" height="100" /></a> </body> ↑ このような画像のリンクにＣＳＳを使ってマウスオーバーの画像切り替えをしたいのです。 どなたか、ご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- ワードファイルをイメージで表示したい
ワードでファイルを開くときイメージ（プレビュー）で表示するにはどうしたらいいでしょうか。今、イメージで表示されるのと、アイコン表示されるのになってしまっています（画像を添付） よろしくお願いします。
- ベストアンサー
- Windows XP
- スワップイメージが上手く動作しません(泣)
JavaScript初心者です。 Dreamweaverを使用して、スワップイメージをしているのですが、 上手く動作してくれない場合があります。 いろいろ調べている内に、onloadが引っかかっているのでは？とも思ったのですが、原因がよくわかりません。 スワップイメージを使用しているページで、 body部分に【onload=MM_preloadImages】を入れると、 他のJavaScript部分が動作しなくなってしまうのです。 その為、body部分のonloadを外したら一部は問題なく動作したのですが、 その他スワップイメージの部分は、 onmouseoverをした際、スワップされた画像のまま戻らなくなってしまいます。 どうもonloadの部分がよくわからないのですが、 何故、MM_preloadImagesを書かなくても問題無く動作する場合があるのでしょう？ 逆にどうしてMM_preloadImagesを書くとMM_swapImgRestoreが作動しない場合があるのでしょう？ ネットで検索したのですが、どうも上手く検索出来ず、 今から本を読んで一からJavaScriptを勉強する猶予も無いのです。 もちろん、時間が出来たらもっと勉強していくつもりです。 恥ずかしい質問なのかもしれませんが…。 どなたか解決策やヒント等を教えて頂けないでしょうか。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
お礼
すごく参考になりました。 大感謝です！ ありがとうございました。