0
私はコンテナdivを持つindex.htmlページを持っています。私がload()コンテナdivに外部ページを置くと、それはテキストが移動するまでは動作しますが、画像はありません。それを修正する方法はありますか？私はクロスオリジンの問題を排除しました。両方のページが同じドメインにあります。別のページの内容を現在のページに読み込んだときに画像が表示されないのはなぜですか？
ここは私のindex.htmlページです。
<!doctype html>
<html>
<head>
<title>Lakes</title>
</head>
<body>
<div id='div1_top'>
<h1>Lakes by state</h1>
<p>This is some text.</p>
</div>
<div id="nav">
<li><a href="states/illinois.html">Illinois Lakes</a</li>
<li><a href="#" id="indiana">Indiana Lakes</a></li>
<li><a href="#" id="iowa">Iowa Lakes</a></li>
</div>
<div id="content">This is where content goes</div>
<script src="js/jquery-2.1.4.js"></script>
<script type="text/javascript">
$(function() {
$('#nav a').click(function(e) {
$('#content').hide().load($(this).attr('href'), function() {
$('#content').show();
});
return false;
});
});
</script>
</body>
</html>
ここで、index.htmlページのdivにロードされる外部ページの1つです。
<DOCTYPE = html>
<html>
<body>
<div id="image_lake">
<img src="../img/lake-michigan.jpg" alt="lake Michigan" height="100" width="300">
</div>
<div>
<h1>illinois</h1>
</div>
<div>
<h3>This is just some random placeholder text.</h3>
</div>
</body>
</html>
ありがとうございました。
具体的に何を達成したいのかを少し説明してください。あなたの質問を正しく解読すれば、必要なのは[iframe]（https://www.w3schools.com/TAGs/tag_iframe.asp）です。 –
Webインスペクタで、どのエラーコードが画像にクエリを取得しているかチェックできますか？彼らが404なら、私はイメージパスのせいかもしれないと思う。絶対URLアドレスで画像上のsrcを定義する必要があります。 –
ようこそスタックオーバーフロー！あなたの質問のタイトルを編集して、質問形式の問題を整理して要約しました。私はまた、ボディをあまり冗長でなく明示的にし、最大の可読性のためにコードをフォーマットしました。 – greim