0

私はすでに画像をチェックしており、それらはサーバー上に存在します。

このコードでCSSルールに画像を含めました

.Invite{background: url("../images/interface/Shop/Btn_Ad_Invite_all.png") 0px 0px;}
.Invite:hover{ background-position-x: -86px; }
.Invite:active{ background-position-x: -172px; }

<div class="Button Invite" onclick="invite()"></div>

jQuery Ajax get を使用して、ブラウザコンソールでこのコードを使用して画像を本文に挿入しようとしています

$.get("https://fb.spot-the-differences.com/test/images/interface/Shop/Btn_Ad_Invite_all.png");
$.get("images/interface/Shop/Btn_Ad_Invite_all.png");
$("body").append("<img src='https://fb.spot-the-differences.com/test/images/interface/Shop/Btn_Ad_Invite_all.png'/>");
$("body").append("<img src='images/interface/Shop/Btn_Ad_Invite_all.png'/>");

すべてのブラウザ (IE、Firefox、Chrome) で、画像の取得に失敗し、応答がないと表示されます。また、ローカル ネットワーク内の他のコンピュータは、問題なくイメージを取得できます。

画像の URL をコピーしてブラウザのアドレスに貼り付けると、問題なく画像を受け取ることができます。

ここに画像の説明を入力

なぜこれが起こるのか、この問題を解決する方法を誰かが説明してもらえますか? 私のサイトのクライアントにこれを起こしてほしくありません.

どんな種類の会話や助けもいただければ幸いです。

問題のある画像のパスを不正確なパスに変更しようとすると、疑わしいものが見つかりましたが、このような 404 が見つからない代わりにまだステータスが失敗しました

<img src='http://google.Shop/Btn_Ad_Invite_all.png'/>

jsfriddle IMG2と同じIMG4が表示されます

アドバイスが必要です、どうもありがとう。

4

1 に答える 1

1

Web ページとは別のプロトコル (HTTPS と HTTP) を使用しているようです。これにより、ブラウザーでクロス ドメイン セキュリティの問題が発生する可能性があります。次のいずれかを試してください。

 $.get("http://fb.spot-the-differences.com/test/images/interface/Shop/Btn_Ad_Invite_all.png");

または、これはページプロトコルに関係なく機能するはずです

$.get("/test/images/interface/Shop/Btn_Ad_Invite_all.png");

あなたの目標が画像を動的に表示することである場合、画像タグの src 属性を設定し、css を使用してスプライトを配置しますが、いくつかのコメントに同意します。例えば：

 $('img').attr('src', '/test/images/interface/Shop/Btn_Ad_Invite_all.png');)
于 2012-12-11T05:35:41.437 に答える