- ベストアンサー
ロールオーバーを使ったメニュー画像のサイズ変更
- ロールオーバーを使ったメニュー画像のサイズが正しく表示されない問題について
- 画像のサイズがテスト時の画像サイズになってしまう原因と解決方法について
- Windows XP ProとIE8での問題
- keiyo
- お礼率100% (8/8)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- yuga.jsを使うとロールオーバー画像が表示されない
お世話になっております。質問させてください。 現在メニューの画像をyuga.jsに入っていないスクリプトで ロールオーバーさせているのですが、 ある1ページにだけ yuga.js関係のスクリプトを使用した所、 そのページのメニュータイトル画像だけが 表示されなくなってしまいました。 （マウスを載せるとロールオーバー後の画像は出てくるのですが） http://www.geocities.jp/meguri_mizu/test/pc/2008.html ↑こんな感じです…。左上の「役に立つパソコン」の部分です。 firefoxだとずっとマウスオーバーした時の画像が表示されたままになってしまいます。 yuga.jsでできる、名前に_onをつけてのロールオーバーにしても やっぱり自ページのメニューだけがうまく表示されません。 なぜなのでしょうか…？ スクリプトが読めないのでどう直していいのか全然わかりません；； よろしければご教授ください。お願いします…。
- ベストアンサー
- JavaScript
- 表示されない画像がある
OKWebの左のメニュー下部にある「ナレッジ統合型ソリューション」や「サポートコミュニティ」のところの画像が全て、表示されずに、[AD-SIZE]となってしまいます。OSはWindowsXPsp2で、ブラウザはIE,FireFox両方試しましたが改善されませんでした。 知り合いのPC(WinXPsp1,IE)ではちゃんと画像が表示されています。その他のページでも画像が表示されずに[AD-SIZE]となるところがいくつもあります。 何が原因でしょうか？ よろしくお願いします。
- ベストアンサー
- ブラウザ
- 画像のロールオーバーとアクティブページでの画像ロールオーバーについて
javascriptでの画像のロールオーバーについて質問させてください。 現在、あるサイトを作成中なのですが、グローバルナビゲーションメニューにjavascriptで画像のロールオーバーを設定したいと思っています。 このスクリプト自体はwebで簡単に見つかったのですが、これにプラスアルファで現在見ているページ（アクティブページ）のメニュー画像をロールオーバー（ロールオーバーをオンマウス状態に）させる方法が見つかりません。 あらゆるサイトでよく見るので簡単に見つかると思ったのですが・・・ どなたかこの両方の機能を実装できるjavascriptを御存知の方がいらっしゃいましたらご紹介ください。
- ベストアンサー
- JavaScript
- ページによってロールオーバーが機能しない
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
- Flashロールオーバーボタンと画像の変更
Flash ActionScript初心者です。 http://www.asebino.com/ 上記URLのトップページで見るFlashと同じ様なものを作りたいのですが、どうしたら良いのでしょう？ ボタン上にカーソルが来るとボタンがロールオーバーし別座標の画像がマスク処理され表示されます、その際、前の画像がデフォルトに戻らず、残ったままその画像の上に重なるように表示するにはどうしたら良いでしょう。 宜しくお願い致します。
- ベストアンサー
- Flash
- h1等の背景画像と文字の表示サイズについて
お世話になります。ＣＳＳ初心者です。よろしくお願いします。 見出しh1タグに背景画像（角丸の長方形で内部はグラデーションのtest.gif)を表示させることは出来るのですが ■ＨＴＭＬ <h1>テスト見出し</h1> ■ＣＳＳ h1 {background: url(test.gif) no-repeat;} これだとtest.gifの大きさ（px)をかなりぴったり計算しないと駄目です。しかもＩＥの文字の表示サイズを変えると文字はサイズは変わるのですが背景サイズが変わりません。 YahooオークションＴＯＰページの1/4ほど下の部分に「話題のキーワード」なるh2見出しが角丸長方形で内部グラデーションで表示されていますが、ＩＥの表示文字サイズを変えても背景の角丸長方形ごと変化します。ページソースを見ても<h2>話題のキーワード</h2>とあるだけです。このようなことをスタイルシートで実現するにはどうするのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- プルダウンメニューに画像を使いたい
画像（アイコン）にロールオーバーするとプルダウンメニューが表示される方法を探しています。全てテキス トで作る方法はいくつか分かったのですが、最初のボタン部分が画像でできているものが見つからず困っています。よろしくお願いします。
- 締切済み
- JavaScript
- テーブル内での画像サイズ変更による画像の崩れについて
いつもこのカテゴリーではお世話になっております。 また、質問させて頂きます。 ドリームウィーバーMXを使っております。 テーブルを組んでそのセル内にセルより大きい画像を貼付けてから、貼付けた画像サイズを縮小するという方法というか順序はまちがっているのでしょうか？ というのも、この方法で例えば同じgifファイルを貼付けて縮小した場合に、崩れる画像と崩れない画像がでてきてしまいます。（ここでいう画像の崩れとは、文字や絵がギザギザになって見ずらい画像になることです） なぜ、崩れる画像と崩れない画像ができるのでしょうか？ それともこの方法（順序）が間違っているのでしょうか？ まず、画像を作る時に表示したい画像サイズで作って貼付けるというのが正しいのでしょうか？ 同じ画像を複数のページで違ったサイズで表示したいのですが、このような場合はそれぞれのページで表示したいサイズにページの数だけの画像ファイルを用意しないといけないのでしょうか？ また、たくさんできる画像ファイルを上手く管理する方法があれば教えて頂きたいのですが。 あまり増えてくると分らなくなってまいます。 宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- javascript プルダウンメニューバーが画像サイズをかえると位置ずれる
ホームページを作成しているのですが、javascript??を使ってレイヤーを作り中にリンク画像をいれてプルダウンメニューとして作りました。 ページを開くと一応希望通りの場所にいてくれて動きもリンクも大丈夫でした。がページを開いてウィンドウサイズを小さくしたりフル画面にするとプルダウンメニューの位置がずれてとんでもないところに表示されてしますます、初心者なのでスクリプトはコピーペーストしてGoliveで作成したページに張り付けたのですが。。。プルダウンメニューが固定できればとおもいます、。 どなたかわかる方いましたらアドバイスおねがいいたします。
- 締切済み
- JavaScript
- ロールオーバー効果にならない。
ロールオーバー効果にならない。 宜しくお願いします。 ホームページビルダー10にてホームページを作成中です。 リンクメニューのボタンでロールオーバー効果を使おうと定番手順(参考書の記載通り)に やっているのですが、うまくいきません。 同手順でこのページはできて、このページはできない！？って感じです。 HTMLで確認してもよく分かりません(ほど素人ですが・・・)。 ご教授宜しくお願いします。 ちなみに・・・ ＜ならないパターン＞ <td height="37"><a href="http://ブログID.fc2.com/" id="_HPB_ROLLOVER8" onmouseout="HpbImgSwap('_HPB_ROLLOVER8', 'xxxx.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER8', 'xxxx.gif');" target="_blank"><img src="xxxx.gif" width="190" height="37" border="0" name="_HPB_ROLLOVER8" /></a><a href="#"> </a></td> ＜なるパターン＞ <DIV style="top : 183px;left : 498px; position : absolute; z-index : 3; " id="Layer3"><A href="home.html" id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'xxxx.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'xxxx.gif');"><IMG src="xxxx" width="172" height="139" border="0" name="_HPB_ROLLOVER1"></A></DIV> どちらとも 挿入→画像効果→ロールオーバー効果の手順にて作成しました。 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 昨年出来たプリンターを繋げたところ利用プリンターから無くなり、追加しようとするとエラーになってしまいます
- MacBook proにEP774Aが追加できない理由は何でしょうか
- 利用プリンターが突然消えてしまい、再度追加しようとするとエラーが発生します
お礼
回答ありがとうございます。 画像キャッシュを真っ先に疑ったのですが、ＩＥのインターネット一時ファイルにある全ての項目を削除しても直らないので、もしキャッシュがあるとすればどこを参照すればいいでしょうか？ ※テストに使った画像のファイル名でコンピュータ全体を検索した所、3つのファイルが見つかったので全て削除しましたがだめでした。