- 締切済み
Dreamweaverでimageのロールオーバー
Dreamweaverを使ってimageボタンのロールオーバーを指定すると <head>内に記述されるjavascriptのほか、<body>タグの中にも以下のタグが記述されます。 <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> ()内のgif名はボタンがover時の画像名ですが、ロールオーバーするボタンが膨大だと <body>タグ内も膨大なソース量になってしまいます。 試しに削除してみたところIEでは正常にロールオーバーが動作します。 上記の記述は何を意味しているのでしょうか。 不足な情報があれば補足させていただきますので、お知恵をお貸し下さい。
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fab76
- ベストアンサー率59% (327/548)
function MM_preloadImages() { //v3.0… はDreamweaverが自動生成する画像先読みのJavaScriptです。 意味としてはロールオーバーに利用している画像(とすべての画像)を、onMouseイベントfunction MM_swapImgRestore()よりも先にページ読み込み時に先読みさせ、ロールオーバーの切り替えをスムーズにさせるものです。 気になるようであれば<head>内に書き込まれたScriptをすべて外部.jsファイルとし<head>内に <script language="javascript" src=(ファイル名).js></script>としてリンクさせればよいのではないかと思います。 ただ、body部に書かれた <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> は移動することは出来ません、()内の引数も削除は出来ません。 よほどバカ長い記述でなければそのままでいいと思います。<head>内の関数部分を整理したほうが都合がいいのです。
関連するQ&A
- プレロードイメージについて
こんにちは。プレロードイメージについて教えて下さい。 私は、ロールオーバーボタンのover部の画像を、下記のように外部スクリプトとして、bodyに読み込ませています。 <html> <head> <meta 中略 script-type"content="text/javascript"> <script 中略 javascript"src="./preload.js"></script> </head> <body onload="preloadImages()"> ..... </body></html> +----------------------------------- 外部スクリプトファイル名：preload.js 中身のソース： function preloadImages() { (new Image).src = './img/btn/menu_01-over.gif'; (new Image).src = './img/btn/menu_02-over.gif'; (new Image).src = './img/btn/menu_03-over.gif'; } こんな感じです。ですが、本当に、これで良いのかいつも気になっていました。それは、ヘッダ部でこれを呼び出しているので、bodyタグにonloadは要らないのか、 でも関数名「preloadImages()」にしているので、やはり要るのか、よく判らなくなって悩んでいます。 もし、間違っている場合、どうしたら良いのか教えて下さい。よろしくお願いします。
- 締切済み
- JavaScript
- 角丸うまくいきません
Javascript初心者です。 自分のサイトでRico.jsというライブラリを使って角丸ボックスを作ろうとしましたが、できませんでした。 で、検証していくと、どうやらbodyタグのonloadに原因があるようでした。 <body onload="MM_preloadImages('img/8hoverfloormop.gif','img～～> 実際にonload以下を外したら角丸が作れたのですが、どういうことでしょうか？ この記述はどこにすればよいのでしょうか？ ご回答よろしくお願いします。
- ベストアンサー
- JavaScript
- onloadイベントで二つの操作をやりたいのですがどうすればいいでしょうか？
javascriptでファイルを読み込んだらイベントを発生させる"onload"イベントでわからないことがあります。 ↓以下のように一つのonloadイベントで二つの操作をしたいのですがどうすればよいでしょうか？ 分けて記述してしまうと作動しません。 かといって <body onload="MM_preloadImages('/images/global/menu_00_ro.gif'),load_my_rss">とするわけにもいきません。 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ <script language="javascript"> function load_my_rss(){ get_rss("http://www.*******.jp/make_rss/rss1.rdf"); } window.onload = load_my_rss; </script> <body onload="MM_preloadImages('/images/global/menu_00_ro.gif')"> \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ どうすれば↓の二つの操作をほぼ同時に行えるでしょうか？ window.onload = load_my_rss; onload="MM_preloadImages どなたかよいアドバイスをお願いします。
- ベストアンサー
- JavaScript
- Dreamweaver 8でロールオーバーができない
はじめまして、WEBの勉強をしているものです、わからないことだらけで、どうかご伝授ください。 今、 Dreamweaver 8でWEBサイトを作っているのですが、困ったことが起こりました。それは、ロールオーバー機能ができないということです。操作は間違っていないのです。 パソコンは、知人に頼んで自作パソコンを作ってもらいました。その自作パソコンでやるとロールオーバー機能ができないのです。 他のパソコンでやるとちゃんとできるのですが・・・ 素材すべて同じものを使っています。 操作も同じで、自作のほうは、ぜんぜん反応しないのですが、ほかのパソコンだとちゃんとロールオーバーできます。 こんなことってあるのでしょうか？私には何が悪いのかわかりません。 あいにく作ってくれた知人も連絡が取れないので、どうすることもできない状態です。ほかのパソコンは、メモリが少なくすぐに止まってしまうので、こちらでは、難しいのです。 どなたたか、助けてください。
- 締切済み
- ホームページ作成ソフト
- ロールオーバーの「プリロード」の設定で…
JavaScriptのロールオーバーで画像のプリロードを行いたいのですが、 <body onLoad=”MM_preloadImages(～～～というように、BODYの中に書く以外に、方法はありませんか？いろいろ検索してみましたがわかりませんでした。 「JavaScript」の書き方講座、のようなサイトではなく、すぐに使えるサンプルソースが載っているものが良いです。
- ベストアンサー
- JavaScript
- ドリームウィーバーで発生するonLoadを外部化したい
ドリームウィーバーで制作していると ロールオーバーをいれると、下記のように bodyタグにonLoadがついてしまいます。 ※読み込みで行っていると思いますが… onLoad部分を外部ファイル化して すっきりと<body>にできないものでしょうか。 ご存知の方お教えください。 <body onLoad="MM_preloadImages('image/s/menu1_2.jpg','image/s/menu2_2.jpg','image/s/menu3_2.jpg','image/s/menu4_2.jpg','image/s/menu5_2.jpg','image/s/menu6_2.jpg','image/s/menu7_2.jpg','image/s/menu8_2.jpg','image/under/gedanbu1_2.gif','image/under/gedanbu2_2.gif','image/under/gedanbu3_2.gif','image/under/gedanbu4_2.gif','image/pagetop_2.gif')">
- ベストアンサー
- JavaScript
- vbscriptでロールオーバーを実現できますか？
Dreamweaverでページ作成していますが、 ロールオーバーをつけると ロジックはJavascriptになります。 これをvbscriptになるような設定はございますか？ 今 「ひとつのhtmlでjavascriptとvbscriptを使用できますか？」 という質問をしていて、自分でもいろいろ試しているのですが、うまくいきません。 そこで、ロールオーバーをvbscriptで実現できたら解決すると思いまして質問させていただきました。 どうぞよろしくお願いいたします。
- 締切済み
- HTML
- DreamweaverとFireworksでのライブラリ
こんにちは。Fireworks4で教えて下さい． Fireworksの［ライブラリ］パネルに ロールオーバボタンのシンボルと、それを複製して編集したオールオーバーボタンがあります。全部で３つあります。 それをDreamweaverのなかで、ロールオーバーボタンとして使いたいのですが、やり方としては、シンボルを一つづつ書き出して”html”ファイルをDreamweaverに挿入するやり方がやっぱり適切なのでしょうか？ Dreamweaverでのライブラリから使える用にという事で、Fireworksから書き出す時に、”Dreamwerverライブラリdll”で指定してみたのですが、Dreamweaverでライブラリから挿入してみたらロールオーバボタンとして使えませんでした． もしもっと良いやり方が合ったら教えていただきたいのです。どうぞ宜しくお願いします．
- ベストアンサー
- グラフィックソフト
- dreamweaverをご使用の方に、ロールオーバーについて2点。
よろしくお願いします。 今までタグの手打ちでいくつかのサイトを作ってきましたが、効率化を目指してdreamweaverの体験版をダウンロードしてみました。慣れないので余計に時間がかかりますが、便利なこともわかってきました。 現時点で気になるのが、画像でのロールオーバーについてです。はじめは便利だなー、と喜んでいたのですが、2点、疑問が出てきました。 １）マウスアウトをしても、マウスオンの画像が残ってしまいます。dreamweaverをお使いのみなさんは、これにどう対処していますか？ ２）タグがものすごく長いです。head内のものは別ファイルにできますが、各画像についての記述も長いですよね。みなさんは、dreamweaverのロールオーバー機能を利用していますか？ その際はどのようにタグの書き換えをしていますか？ それとも、このような部分に関しては手でタグを打っているのでしょうか？ ご回答お待ちしています。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- JavaScriptが無効でもロールオーバーと同じ効果を出したい
ホームページビルダー11を使ってサイトを作りました。 ロールオーバーを多用しています。JavaScriptを無効設定にして、自分のサイトを見たところ、ロールオーバーの効果を得ることが出来なかったので、このロールオーバーはJavaScriptを使っているのだと思いました。 そこで、JavaScriptを無効設定していても、ロールオーバーと同じ効果を出すにはどのようにしたら良いのでしょうか。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
お礼
fab76さんお礼が遅くなり申し訳ございません。 javascriptは元々外部ファイルにしているのですが、bodyタグ内の <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')">が ロールオーバーの数に比例して増えて行き、気になったもので削除できないものかと質問させていただきましたが、、 やはり削除は出来ないんですね。。どうもありがとうございました。