0

私のポートフォリオのページがあります。一度に 2 つのプロジェクトを、その横にある写真とともに見せたいと思います。私のプロジェクトの下に、「もっと読み込む」ボタンがあります。
IE9、Firefox、Chrome ではすべて動作しますが、IE8 では動作しません (おそらく IE7 も同様です)。
例を参照してください: リンクが削除されました

プロジェクトの JPEG は ie8 に読み込まれませんが、他の画像は読み込まれます。それは奇妙です。JPEG の形式は RGB です。も.png機能しません。

コードは次のとおりです。

<script type="text/javascript">
   $(window).load(function() {
$(".projecten").slice(0, 2).show(); // select the first five
$("#load").click(function(e){ // click event for load more
    e.preventDefault();
    $(".projecten:hidden").slice(0, 2).show(); // select next 5 hidden divs and show them
    if($(".projecten:hidden").length == 0){ // check if any hidden divs still exist
        alert("Alle projecten zijn nu geladen."); // alert if there are none left
    }
});
   });
</script>

<style type"text/css">
.projecten { 
display:none;
z-index:5;
}
</style>

<h1>Projecten</h1><br>
            <p>Some text</p><br>

  <div class="projecten"><div id="inhoud"><table width="924" border="0" cellspacing="0" cellpadding="0" align="left">
    <tr>
    <td width="210" style="text-align:left;vertical-align:top"><img src="Figuren/Projecten/Parallelweg 2e fase.jpg" width="210" height="297" longdesc="Parallelweg 2e fase"></td>
    <td width="35"></td>
    <td style="text-align:left;vertical-align:top"><b>Parallelweg 's-Hertogenbosch 2e fase </b>
        <i>text.... </i><br>text......
      </td>
      </tr>
     </table>
</div>
     </div>

これを修正するにはどうすればよいですか?

4

1 に答える 1

1

イメージ ファイル名からスペースを削除します。ファイル名にスペースが含まれていないサイトの画像は、私にとっては問題ないように見えます。

変化する：

<img src="Figuren/Projecten/Parallelweg 2e fase.jpg" width="210" height="297" longdesc="Parallelweg 2e fase">

に：

<img src="Figuren/Projecten/Parallelweg%202e%20fase.jpg" width="210" height="297" longdesc="Parallelweg 2e fase" />

<img />また、タグの末尾の前にスラッシュを追加してタグを閉じていることも確認してください。

_または、スペースをすべて削除して、アンダースコア ( ) やハイフン ( ) などの別のものに置き換えることもできます-。

<img src="Figuren/Projecten/Parallelweg-2e-fase.jpg" width="210" height="297" longdesc="Parallelweg 2e fase" />

これには、適切に参照されるように、サーバー上のファイルの名前を変更する必要があります。

于 2012-10-26T21:24:05.370 に答える