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ランキング
-
1枚の画像をクリックすると複数...
-
jQuery bxSlider 画像に変更
-
クリッカブルマップの一部分だ...
-
画像をクリックして別の画像を...
-
javaを使ってマウスオンでの画...
-
ランダム表示に加えwidthをブラ...
-
画像にロールオーバーするとメ...
-
プルダウンの位置がwin/macでず...
-
Javascript で共通の処理をどこ...
-
javascriptテキストBOX色を元に...
-
フォームに入力された値により...
-
MAX関数を使ってからLEFT JOIN...
-
自働生成される<div>タグに連番...
-
javascriptでフォーカスを当て...
-
指定したパスが現URLに含まれて...
-
removeAttribute()メソッドで削...
-
CSS <div>の入れ子が反映さ...
-
外部javascriptの重複を防ぐには
-
クリックすると下に説明文が出...
-
YouTubeをブログに貼る時、1つ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
透過pngの透明部分以外をクリッ...
-
1枚の画像をクリックして複数の...
-
ステータスバーについて
-
JavaScript スライドの画像にリ...
-
マウス追従スクリプトについて
-
画面の表示位置を指定させて表...
-
Javascriptで指定した日付と時...
-
プルダウンの位置がwin/macでず...
-
jQueryで特定のURLの時のみ表示
-
オンマウスで、画像切り替え+...
-
バナー広告のように表示させた...
-
ランダム表示に加えwidthをブラ...
-
JavaScriptとチェックボックス...
-
ホォルダの読む込み
-
jQuery bxSlider 画像に変更
-
画像にロールオーバーするとメ...
おすすめ情報
