- 締切済み
オンマウスで画像表示
オンマウスで画像表示(離すと非表示)というのをやりたいのですが 非表示の時も、オンマウス時に画像が表示されるべき領域に空白ができてしまいます。。 他のテキスト等のレイアウトを崩さずに オンマウス時だけ画像が上に被るような感じで 画面の一番手前に表示させるにはどうすればいいですか??
- rainingsun
- お礼率17% (8/46)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
<img style="position:absolute;z-index:100" src="??" onmouseover="??"> IE6でonresize時にずれるかも知れませんので一度marginを1px位動かしてやればそれほど違和感がでないと思います。
- VCAT
- ベストアンサー率20% (16/79)
visibilityを使っているのでは？displayにすれば行けます。
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
問題部分のソースを提示したほうが早いかも。
関連するQ&A
- オンマウスで注釈を表示させたいのですが…
テキスト、もしくは画像リンクのオンマウス時に、同ページ内のテーブルに注釈を表示させたいのですが、 <SPAN id="msg"></SPAN>を何処に入れてもテーブルの上、下に表示されてしまいます。やはり<TBODY>内に入れるのでしょうか…もしそうでしたら、どうすべきなのかお教えして頂きたいです。
- ベストアンサー
- HTML
- テキストにオンマウスで指定箇所に画像を表示
画像またはテキストリンクにオンマウスすると指定の場所にそれぞれのリンクで 指定の画像を表示するようにしたいのですが、色々調べてみたもののよくわかりませんでした。 リンク１にオンマウスして画像が出て、そのリンク１からマウスを放しても 別所に表示された画像はそのままで、次のリンク２にオンマウスすると 次の画像と入れ替わる、というようにしたいのですが・・・説明が下手ですみません＾＾； このようにしたい場合、どのようにしたらいいでしょうか。
- ベストアンサー
- JavaScript
- fc2 オンマウスで画像を見せる方法は？
オンマウスで2枚の画像を表示させたいのですがうまくいかないのでご教授願います。 因みに今やっていてうまくいっていない手順ですが、 オンマウスさせたい写真をファイル管理画面で2枚アップし、 どちらか1枚の写真の『この画像で記事を書く』をクリックして新しく記事を書く欄を出し、そこに <imgsrc="●"onmouseover="this.src='◇';"onmouseout="this.src='●';"> （●と◇は載せたい画像） と貼っているのですが、選んだ1枚の写真しか表示されません（当たり前といえば当たり前なのですが）。 試しに『この画像で記事を書く』を選ばず、ただの記事にそのタグ？を書くだけというのも試してみたのですが、 fireFoxではプレビューが全く出ず、IEはファイルに×がついたような感じで表示されていました。 画像は作ったのですが、オンマウスをどういうプロセスをふんで、どういう指定をかけばいいのかを教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- ブログ
- オンマウスで画像表示＋表示した画像にリンク
オンマウスで画像表示＋表示した画像にリンク はじめまして。 今サイトを作っています。 ↓このサイトの中央部分に大きな画像とその上に タブが並んでいるのがお分かりになりますでしょうか？（参考サイト） http://www.rakuten.ne.jp/gold/han-world/ タブにふれると大きな画像が変わり、なおかつ大きな画像にもリンクが貼られるというものです。 こういうものとジャバスクリプトで同じ風にしたいです。 （参考サイトはフラッシュで作成されています） タブに触れると大きな画像が変わり、タブにリンクを貼ることはできたのですが 大きな画像にリンクさせるほうほうがよくわかりませんでした。 どこかのタグ素材サイトさんのソースをいじってなんとか触れるようなジャバの超初心者です。 どうぞお力をお貸しください 宜しくお願いいたします！
- ベストアンサー
- JavaScript
- リンク画像をオンマウスで変えたい
今、ホームページを作成しています。 それで、以下のようなことをしたいのですが、可能でしょうか？ １ 最初の画面に、ＥＮＴＥＲの画像を表示する ２ 『１』の画像をオンマウスすると、画像が変わる ３ 『２』の画像からマウスを放すと、画像が『１』に戻る ４ 『２』の画像をクリックすると、別のページに飛ぶ なんだか説明下手ですいません・・・ 一応自分で調べてみたのですが、それらしい物が見つからず、失敗してばかりなので、質問させていただきました。よろしくお願いします！
- ベストアンサー
- その他（インターネット・Webサービス）
- オンマウスでの別Windows表示について
オンマウスで別画面を開きたく 検索でQNo.1933900を参考に次のように記述してみたのですが、 オンマウス状態だと、別画面が瞬間的に開閉が繰り返されてしまい固定 してくれません。どこか記述がまちがっているのでしょうか。 なお、当方javascriptは初心者につき知識はあまりありません。 <A HREF="#" onmouseover="mywin=window.open('window.htm','','width=640,height=480');" onmouseout="mywin.close();"> <IMG SRC="aa.jpg" WIDTH="142"HEIGHT="106" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3"> 今までオンマウスで同じページ内での拡大画像表示をしていたのですが、オンマウス部分をインフレーム内にとじこめてしまったため、親ページで表示できなくなってしまいました。（小さなインフレーム内で表示されてしまう） そこで、上記のようにインフレーム内からのオンマウスでも、別画面で表示をすればと同様のことができると考えたものです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- オンマウスで2箇所の画像を変えたい
似た内容の質問をいくつか拝見したのですが、どうしても解決できず…よろしくお願いいたします。 □ ←画像Ａ ----------- □ ←画像Ｂ □ ←画像Ｃ □ ←画像Ｄ ・（以下同型のものが複数） ・ とある時に、 画像Ｂをオンマウスで画像Ａ→画像A-1、かつ、画像Ｂ→画像Ｂ’ 画像Ｃをオンマウスで画像Ａ→画像A-2、かつ、画像Ｃ→画像Ｃ’ 画像Ｄをオンマウスで画像Ａ→画像A-3、かつ、画像Ｄ→画像Ｄ’ となるようにしたいのです。 関係ないかもしれませんが、画像Ｂ～はリンクになっていて、他ページへ飛ぶようになっております。 皆様、どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- html オンマウスで変化する画像の位置の指定方法
よくHPなどで使われるオンマウスによって変化する画像。 私は今その変化する画像の位置を指定のに苦労しています。 画像が添付してあると思われます。 今現在こういった感じになっています。 緑・・・オンマウス位置 赤・・・オンマウスによる画像表示位置 青・・・現在のオンマウス位置 黄・・・現在のオンマウスによる画像表示位置 私はこの青、黄を緑、赤の場所まで移動させたいと思っています。 http://copicopi.com/onmousepic.html こちらのサイトのオンマウス画像4を参考にしています。 また、たまに表示される画像が激しく点滅する事もあります。 どういった風に書き換えれば位置を綺麗に指定する事ができるのでしょうか。 教えて頂けると幸いです。
- ベストアンサー
- HTML
- オンマウスしても文字が表示されない
ホームページなどでオンマウスでその内容 （例えば素材系のホームページで「空の画像」とか） が以前までは表示されてたのですが 最近オンマウスしても何も表示されません。 何が原因かわからないので教えてください。 当方初心者ですのでわかりやすく教えていただければ幸いです。 説明もわかりづらいと思うので、補足も遠慮なく(?) 致して下さい。
- 締切済み
- その他（インターネット・Webサービス）
- オンマウスで画像を別の場所に表示する
過去ログで似たようなのがあったのですが、 全然わからなかったので、質問しました。 文字オンマウスで、画像を別の場所に表示したいのですが・・ (java～を使わなくてもよいやり方が知りたいです。 java～は使ったことがない初心者ですので。) ちなみに、画像オンマウスで文字を別の場所に表示するのは、 ↓このやり方(html)でできたんですが・・・ <span ID="msg">ここに表示される</span> <a href="ページＵＲＬ"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像ＵＲＬ" border="0"></a>
- ベストアンサー
- HTML
