- 締切済み
画像の一部を変更したいのですが・・
elmogeの回答
- elmoge
- ベストアンサー率66% (2/3)
ロールオーバーが分かるのであれば、 普通に２つ同じ画像を使用して片方だけ変えたいところの色を変えれば ロールオーバーで上手く表示されると思うのですが。。 意味が違うんでしょうか？
関連するQ&A
- cssとjavascriptを使って画像の一部をロールオーバー
以下の条件でロールオーバーをさせることが可能かどうか、また可能な場合はどのようにしてやるのか教えていただきたいです。 (1)1枚のgif画像がある。画像内にいくつか文字があり、文字の上にカーソルが上がった時に文字の色を変えたい。 (2)文字がすべてロールオーバーしていない元画像と、文字がすべてロールオーバーした画像の2枚を用意。 (3)CSSとjavascriptを駆使して作りたい。 元画像を背景に設定し、その上にロールオーバー後の画像を配置し、隠す。→文字の上にカーソルが来たら、隠していたロールオーバー後の画像の一部をその同じ場所に表示させる というような考え方でやってみたのですが、どうもうまくいきませんでした。Flashでやった方が簡単なのですが、Flashは使わずに作るということになっているので困っています。 何卒、よろしくお願いいたします。
- ベストアンサー
- HTML
- ドリームウイーバーでテーブルの画像を差し替える
Dreamweaverを使ってるのですが、テーブルの中に画像を入れて画像の上にマウスを置くと画像が差し変わるのはロールオーバで出来たのですが、マウスを置いた場所とはちがう位置の画像を差し替える様な設定はｄこですればいいのでしょうか？教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像にマウスを重ねると大きな画像を表示したい
illustratorでスライスを作製し、画像を生成しました。 1000×1076のサイズで32個の画像で構成されるスライスになっています。 そのスライスの一部の画像にマウスオーバーするとスライス全体の 1000×1076と同じサイズの背景透明画像を上に表示したいのです。 よくあるボタンのマウスオーバーなどでやると元画像のまわりに画像がある想定ではないためか、マウスオーバーするとスライスが崩れてしまいます。 本来Flashなどでやるようなことと思いますが、 iPadでも見たいためCSSやJavascriptで実現したいと思います。 よろしくお願い致します。
- 締切済み
- CSS
- CSSで画像を隠すとSEO的にNGですか？
通常時とマウスオーバー時の2枚の画像を使い、メニュー部分でCSSでロールオーバーを使っています。 この場合、マウスオーバー時に画像を読み込むため一瞬アイコンがちらつくようになるのを防ぐため、同じページにマウスオーバー時の画像を敷き詰め、display: noneで非表示にしています。 隠しテキストはSEO的にNGとわかりますが、隠し画像も同じ扱いなのでしょうか？ ちなみに隠している画像にはaltは付けていません。 個人サイトですが、できるだけSEOに問題ないようにしたいので、どうかご教示ください。 また2枚の画像を使ったCSSロールオーバーで、このチラつきを防ぐいい方法があれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- 文字のロールオーバーについて教えてください。
HPを作製しているのですが、リンクを張った文字にロールオーバーをつけたくて、スタイルシートで、やってみたのですが、そうすると画像を張ったリンクにマウスを持ってきても周りの色が四角に、指定した色に変わってしまいます。（画像は、楕円形のボタンです） 文字のみロールオーバーをつけたい場合はどうしたらいいのか教えてください。
- ベストアンサー
- HTML
- cssでロールオーバーした画像が、一部だけずれてしまいます。
cssで、ulやdisplay:blockを使って、画像が８個横に並んだメニューを作り、ロールオーバーさせていたのですが、横に並んだメニューの一番左の画像だけが、マウスのオンオフに関係なく、なぜか3pxほど下に沈んでしまうのです。 始めは普通に表示されていたのですが、メニューより下の項目を色々いじっている間に、いつの間にやら下がっていました。 もしや、変なマージンやパディングがいけないのではと思い、メニュー以下の項目を全部消してみたのですが、元には戻りませんでした。 cssバグなども色々調べてみたのですが、もう本当にわかりません。 cssやhtmlをここに書きたいのですが、文字数制限にひっかかってしまうので、何かこういった現象の原因になりそうな要因、できれば解決方があれば教えていただけると幸いです。 お力を貸していただければと思います。 よろしくお願いします。
- 締切済み
- HTML
- 画像のキャッシュとプリロード
かねがね疑問に思っていたのですが、ロールオーバーの画像とかはonLoadでプリロードされるので、マウスをのせればすぐにOver画像が表示されると思っていたのですが、現実はその時にネットからくるとしか思えない動きをしている。 またキャッシュされたものはその後の表示がキャッシュされているので速いので、共通に表示されるフレームとかは、別からまた呼び出してもそんなにレスポンスは落ちないと僕は考えているのですが。 これって勘違いでしょうか、それともやり方があるのでしょうか。プリロードとロールオーバーはDreamweaverのFunctionです。 よろしくお願いします。
- ベストアンサー
- HTML
- FLASHMX2004：FLASH内の画像の一部にマウスをもっていくと別画像が滑らかに表示させるには？
FLASHMX2004を最近購入し、勉強しています。 まだまだ初心者ですが、どなたか教えてください。 FLASHで画像を表示させるモーショントゥイーンを作りまして、最後の画像になったら、その画像の一部にマウスをもっていくと、別画像（アピールする表示させたい画像）が浮かんでくるように表示させ、マウスを他の場所に持っていくとその画像が消え、元の画像（最後の画像）にさせるにはどうすればよろしいでしょうか？ 最後の画像はフォトショップで文字などを入れて加工しております。 どなたか方法を教えてくださると助かります。 初心者で申し訳ありませんが、ご指導宜しくお願い致します。。
- 締切済み
- Flash
- HPで画像の一部にマウスがのった時に画像を変えたい
現在、自社のホームページの作成を行っております。 そこで、以下のようなことを実現したいのですが、わからないので教えてください。 ----------- | | | ● | | | ----------- 上記のような、四角い枠の中に●がある画像があります。 この●にマウスをのせたときに、この四角い枠と丸の画像全体を変えたいと思っております。 画像上の●以外のとこにマウスをのせても画像は切り替わらないようにしたいと思っております。 四角い画像上にマウスをのせたときにhoverで画像を切り替えるようなことはできるのですが、 画像の一部（●部分）にマウスをのせたときにだけ画像を切り替える方法がわからないので困っております。 教えて頂けないでしょうか。
- ベストアンサー
- HTML
- 【ロールオーバー】次にクリックされるまで選択を維持
現在文字サイズ変更スクリプトを設置しています。 http://insomnia.jp/workshop/fontsize_changer_C/index.html ▲スクリプトは上記サイトのものを仕様 「大」「標準」「小」 と画像をつくり、ロールオーバーでマウスオンすると 選択画像に色がつくようにしています。 標準的なロールオーバーと同じく、 マウスアウトすると画像は元にもどります。 参考サイト：http://www.td-holdings.co.jp/ 目指しているのは上記サイトの 文字サイズ変更スクリプトです。 現在選択中のフォントサイズが分かるよう、 マウスアウトしても次のクリックがあるまで ロールオーバー状態を維持したいのです。 「大」を選択中には大に色がつき、 「中」を選択中には中に色がつき という具合です。 どのような方法がベストでしょうか？ お知恵を拝借ください！宜しくお願いいたします。
- ベストアンサー
- JavaScript
補足
文字は一つではなくていくつもあるんです。。 なのでただ2つの画像を用意しただけでは出来ないんです。