No.3ベストアンサー
- 回答日時:
マウスを追従する画像のHTMLは、#1の補足にある部分のスクリプトで書き出しているようです。
それで、そこのスタイルシートについては、<img>タグそのものではなくて、その上の<div>タグに対して適用するような形になっていると思われます。この他に、head部分に以下のような記述があるのではないでしょうか。
<style type="text/css">
<!--
.movingobject{position: absolute; left: **; top: **;}
-->
</style>
上記のような記述があれば、それがマウスを追従する画像に対して適用されるスタイルシートになると思います(内容が少々異なるかもしれませんが、「.movingobject」で始まる行があれば、それが当該のスタイルシート指定になります)。
このスタイルシートの指定に、z-indexを追加すれば、解決できると思います。
できましたーーーーーヾ(@⌒▽⌒@)ノワーイ!
<!--
.movingobject { position:absolute; left:-200px; top:0px; visibility:visible; z-index: 10; }
ここにありました!スクリプト内ではなかったんですね。
最後にz-indexを10として追加したら画像の上をくるくる回っておりますーー本当にありがとうございました(*- -)(*_ _)ペコリ
No.2
- 回答日時:
推測でのアドバイスをしますが…
マウスを追いかける画像のスクリプトはスタイルシートを利用していると思います。
スタイルシートでは、画像の重ね合わせの順番を規定するz-indexという属性があって、その属性が設定されている場合はその値が大きい順に画像が前面に出るように表示されます。
z-indexの指定がない画像とz-indexを1に指定した画像の表示位置が重複している場合、後者の方が前面に出されるような形で重ね合わせの表示がされるようになります。
同様に、z-indexが2に指定されている画像と、z-indexが4に指定されている画像とでは、z-indexが4に指定されている画像の方が前面に出されて重ねあわせ表示がされるようになっています。
おそらくは、マウスを追いかける画像を呼び出している部分でのスタイルシートの指定でz-indexが設定されておらず、またその他のマウスを追いかけるものではない画像のスタイルシートにz-indexが設定されているのではないでしょうか。
その場合でしたら、マウスを追いかける画像を呼び出している部分のスタイルシートでz-indexを他の画像で使用されているz-indexの値よりも大きくとれば、元から表示されている画像の上を、マウスを追いかける画像が飛ぶようになると思います。
とりあえず、<img>タグの周りを良く調べてみて、スタイルシートにz-indexが表示されていない画像を探し、その画像のスタイルシートにz-indexを記述すれば、解決できるのではないかと思います。
もしかしたら、JavaScriptのdocument.write()の中に記述されているかもしれませんので、スクリプトの中も良く調べてみてください。 仮に
document.write("<img src='***' style='position: absolute\;'>");
などのような表記があれば、おそらくはそれがマウスを追いかける画像を書き出している部分になりますので、そこのスタイルシートにz-indexを設定してみてください。
No.1
- 回答日時:
どのような内容のスクリプトをお使いになっているのかがわからないので、どのように対処すればお望みの結果になるか、適切に指摘することが難しいと思います。
どのようなスクリプトとHTMLソースを記述しているのかを補足していただければ、対処法も見えてくるかと思います。
とりあえず、あてずっぽうの対策ですが、そのマウスを追いかけている星の画像をHTMLで書き出しているのであれば、そのスタイルシートのz-indexを大きく指定してみてはいかがでしょうか(例:<img src="***" id="++" style="position: absolute; z-index: 10;">等)。
もしこれで対処できなかったら、現在のマウスに追従する画像の表示部分のソースを補足してみてください。
この回答への補足
function MovingObject(num, src, width, height)
{
document.write('<div id="MVOBJ',num,'" class="movingobject">');
document.write('<img src="',src,'" width="',width,'" height="',height,'">');
document.write('<\/div>');
if (document.layers) {
this.objstyle = document.layers["MVOBJ"+num];
} else if (document.all) {
this.objstyle = document.all["MVOBJ"+num].style;
} else if (document.getElementById) {
this.objstyle = document.getElementById("MVOBJ"+num).style;
img srcはここらへんなのですが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) ワードに貼った画像のキャンバスと画像本体のサイズの調整 2 2022/05/19 18:31
- ホームページ作成・プログラミング ホームページビルダー11で作ったHPにYoutube動画を埋め込みたい 3 2022/12/10 10:45
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(プログラミング・Web制作) uwscのCHKING関数の画像の認識がうまくいかない。 1 2022/06/18 20:55
- その他(プログラミング・Web制作) uwscについて質問です。 1 2022/06/18 18:31
- Chrome(クローム) Chromeの描画領域を2分割して異なるスクロール位置を同時に表示させることはできますか 1 2023/03/01 16:53
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- その他(プログラミング・Web制作) Pythonで、データファイルと列名ファイルを1つのファイルにしたいです。 1 2023/07/27 20:29
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
透過pngの透明部分以外をクリッ...
-
1枚の画像をクリックして複数の...
-
画像を切り替えランダム表示
-
javaを使ってマウスオンでの画...
-
textareaに画像を表示したい
-
Photoswipeのアニメーションの変更
-
各フォルダから1枚ずつ画像をラ...
-
jQueryでタブ切り替え
-
jQueryでシンプルドラッグドロ...
-
javascriptテキストBOX色を元に...
-
jQueryでネスト構造の<li>がク...
-
変数内容をHTML内で表示する方法
-
「jQuery」アコーディオンメニ...
-
「画像クリックで音声再生」を ...
-
これはどんなJavaScriptなので...
-
JavaScriptで、?マークとコロ...
-
jQueryでヒアドキュメントを使...
-
jQueryで同じid属性が複数あっ...
-
JSPでの画像ファイル表示
-
outlook2010の不具合で困ってい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
prettyphotoの画像表示について
-
画像の上に画像リンクを貼る方法
-
【java】背景画像を一定時間で...
おすすめ情報