- 締切済み
DW CS3 テンプレート上のロールオーバー
会社の仕事で修正作業をしているのですが、テンプレートのロールオーバーするGIF画像を差し替え修正したところ、テンプレートを直接ブラウザでプレビューするときちんと作動しているのですが、そのテンプテートが張り込まれているHTMLファイルを開いてブレビュー確認すると、何故か14個中、合計2個のみロールオーバーがきちんと出来ません。私はまだ初心者で、上司に聞いたのですが「ソースを見て確認するしかない」と言われただけでした。何度もソースを確認しているのですが、私が見たところ、特に抜けている場所などは無くて全く原因が分かりませんでした。どなたか詳しい方で、何か想像出来る原因がありましたら教えてください。 宜しくお願いします。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
関連するQ&A
- Dreamweaverでimageのロールオーバー
Dreamweaverを使ってimageボタンのロールオーバーを指定すると <head>内に記述されるjavascriptのほか、<body>タグの中にも以下のタグが記述されます。 <body onLoad="MM_preloadImages('menu1_over.gif','menu2_over.gif')"> ()内のgif名はボタンがover時の画像名ですが、ロールオーバーするボタンが膨大だと <body>タグ内も膨大なソース量になってしまいます。 試しに削除してみたところIEでは正常にロールオーバーが動作します。 上記の記述は何を意味しているのでしょうか。 不足な情報があれば補足させていただきますので、お知恵をお貸し下さい。
- 締切済み
- ホームページ作成ソフト
- クリッカブルマップにロールオーバーを付ける
クリッカブルマップにロールオーバー（Javascript）を付けようと思うのですが、 どうも目指していることが上手くいきません。 まずは、下記サイトをご覧ください。 http://www.webdlab.com/template/clickable2/ これはソースコードが乗っているサイトです。 この通りに書けば、通常のロールオーバーはできるのですが、 私の目的はあと＋α必要になります。 [内容] 1. オンマウス時にロールオーバー 2. クリック後も、ロールオーバー状態 3. 他のイメージにオンマウスしても、さっきクリックしたイメージがロールオーバー状態 ４．他のイメージをクリックして、はじめてロールオーバー画像が切り替わる。 以上です。 ちなみに現状（上記サイト）は.onmouseover、.onmouseout、.onclickの３つすべてロールオーバー後のイメージを指定すれば[内容]の１と２まではクリアなのですが、３以降がNGです。 そもそもクリッカブルのロールオーバーでは不可能なのでしょうか。 どなたがご教授よろしくお願いいたします。
- ベストアンサー
- JavaScript
- jQueryを使ったロールオーバーについて
初めまして。Webサイト作成の初心者です。 JQueryを使って、フェードエフェクト効果のあるロールオーバーを作成したいと思っております。 例えば次のサイトでは、若干フェードエフェクト効果のあるロールオーバーとなっておりますが、ソースを見るとbody内にはオフマウス用の画像だけが記されております。 http://mizuame.sakura.ne.jp/jquery.tgImageRollover/demo/script2.html オンマウス用の画像への切り替えはCSSで行っているのでしょうか？ ちなみに、グローバルメニューなどでは、オフマウス用とオンマウス用の画像を一つにし、CSSで座標を調整することで、ロールオーバーをすることが多いと思いますが、この方法だとJQueryを使ってロールオーバーにフェードエフェクト効果を付けることはできないのでしょうか？ それとも、やはりロールオーバーにフェードエフェクト効果を付けるには、オフマウス用の画像とオンマウス用の画像を、それぞれ用意し、オフマウス用の画像はHTMLに記述し、オンマウス用の画像はCSSに記述するのでしょうか？ どのような回答でもお受けしたい所存で御座いますので、どうか宜しくお願い致します！！
- ベストアンサー
- JavaScript
- CSS による画像を使ったロールオーバー
よろしくお願いします。 CSSを使って、画像のロールオーバーをしようとしています。 HTMLの構成としては、 タイトル画像（幅800px）の下に、CSSを使って作った ロールオーバーするメニューを横並びで配置したいと思っています。 http://edo-freiheit.sakura.ne.jp/eblog/2006/06/css_2.html のサイトを参考に（ほとんどまる写しですが）して、 作成してみたのですが、HTML全体を左寄せしても、中央寄せ してもロールオーバーしたメニューの項目の左側に隙間というか 余白が入ってしまい、上のタイトル画像とズレが生じててしまいます。 この余白をなくす方法がありましたらお教え下さい。
- ベストアンサー
- HTML
- cssとjavascriptを使って画像の一部をロールオーバー
以下の条件でロールオーバーをさせることが可能かどうか、また可能な場合はどのようにしてやるのか教えていただきたいです。 (1)1枚のgif画像がある。画像内にいくつか文字があり、文字の上にカーソルが上がった時に文字の色を変えたい。 (2)文字がすべてロールオーバーしていない元画像と、文字がすべてロールオーバーした画像の2枚を用意。 (3)CSSとjavascriptを駆使して作りたい。 元画像を背景に設定し、その上にロールオーバー後の画像を配置し、隠す。→文字の上にカーソルが来たら、隠していたロールオーバー後の画像の一部をその同じ場所に表示させる というような考え方でやってみたのですが、どうもうまくいきませんでした。Flashでやった方が簡単なのですが、Flashは使わずに作るということになっているので困っています。 何卒、よろしくお願いいたします。
- ベストアンサー
- HTML
- 画像のある部分にロールオーバーをつける方法
質問タイトルの通り、画像のある部分にロールオーバーをつけ、さらにその部分にリンクを貼りたいのですが、ロールオーバーがうまくできません。 リンクを貼るだけならソフトにあるイメージマップ作成機能を使ったり、HTMLで作成すればできるのですが、イメージマップを作成した部分にロールオーバーをつける方法がわかりません。 ソフトはFireworks8、Dreamweaver8を使用しています。 ロールオーバーをつける方法がわかる方、ご教授ください。
- 締切済み
- HTML
- JavascriptでのロールオーバーはSEOには不利なのですか？
素人な質問ですが宜しくお願いします。 CSS+XHTMLでサイトを作成していますが、いつも、ロールオーバーボタンで悩んでいます。 CSSでももちろん実現は出来るのですが、Javascriptを用いたものはやはりSEO対策としては不利なのでしょうか？ 例えばメニューとかであれば、リスト+Javascriptロールオーバーとすれば同じ効果が得られるものではないのでしょうか？ HTML本文でのJavascriptの呼び出しソース自体が不利ということでしょうか？ ロールオーバーって共通パーツ以外にいろんな所で使うので、その都度CSSで設定する必要があり、javascriptで実現した方が簡単な気がするのですが・・・（「慣れ」かもしれませんが・・・。） どうか、よきアドバイスお願いいたします。
- ベストアンサー
- HTML
- ロールオーバーイメージ挿入後の表示確認方法について
ロールオーバーイメージ挿入後の表示確認方法について Dreamweaver 2004でHPを作成しています。 ロールオーバーイメージを挿入した後、表示を確認したいのですが、 ブラウザでプレビューしても、マウスオーバーした状態の画像が表示されません。 Webページとして保存しなければ確認できないものなのでしょうか。 それとも私のロールオーバーイメージの挿入方法が間違っているだけなのでしょうか。 教えていただけると幸いです。よろしくお願いいたします。
- ベストアンサー
- HTML
- ページによってロールオーバーが機能しない
javascriptを使用して、カーソルがあたった時に色が変わる ロールオーバーを実現しているサイトを作りました。 ところが、ページによってロールオーバーが機能しません。 すべて同じソースをコピペしただけなのですがこれが原因ですか？ サイトは複数ページあり、機能するものとそうでないもので 置かれている階層が異なるものもあります。 他のjavascriptも記述されているのですが、それらが影響しているのでしょうか？ ちなみに下記のようなソースです。(一部抜粋) 【HTML】 <div id="a"> <a href=""> <img src="test.png" /> </a> <ul> <li> <a href="00.html"><img src="test2.png" class="rollover" /></a> </li> </ul> </div> 【javascript】 $.fn.rollover = function() { return this.each(function() { // 画像名を取得 var src = $(this).attr('src'); //すでに画像名に「_on.」が付いていた場合、ロールオーバー処理をしない if (src.match('_on.')) return; // ロールオーバー用の画像名を取得（_onを付加） var src_on = src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"); // 画像のプリロード（先読み込み） $('').attr('src', src_on); // ロールオーバー処理 $(this).hover( function() { $(this).attr('src', src_on); }, function() { $(this).attr('src', src); } ); }); }; // 画像をロールオーバーする箇所を指定 $(function() { $('.rollover').rollover(); }); $(document).ready(function(){ $('.bxslider').bxSlider(); }); ご存知の方がいらっしゃいましたら対策を教えてください。 お願いいたします！
- 締切済み
- JavaScript
- DWのファイルプレビューをNetscapeで...
いつも御世話になっております。DWで作成したファイルをNetscapeでプレビューすると一回目は起動して キチンとプレビューしてくれますが、Netscapeを起動させたままDW作成ファイルを修正し、上書き保存～再度NSでプレビューすると...「ファイルが見つかりません。場所を確認してやり直してください。 というメッセージが出ます。今まではNSを終了させてから再度ブレビューさせていましたがすごく面倒です。explorerは起動させたまま再度修正ファイルをプレビューさせても問題はありません。何か設定し直せば解決する物でしょうか。もしくは自分だけでしょうか。宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
お礼
metametamuさん、どうもありがとうございました！ はい、SafariやIE、Firefoxで確認しましたが、全て同じような現象になっていました。 プレビューの実装不備のせいだったら助かります！！ 明日さっそく上司に確認してみます。