0

我有一个包含我的投资组合的页面。我想向人们展示当时的两个项目，旁边有一张照片。在我的项目下，有一个“加载更多”按钮。
一切都在 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 回答