JPEG не будет отображаться в IE8 (но это RGB)

Question

У меня есть страница с моим портфолио. Я хочу показать людям два проекта в то время с изображением рядом с ним. В моих проектах есть кнопка «Загрузить больше».
Все работает в 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> 

Что я могу сделать, чтобы исправить это?

Answer 1

Удалите пробелы с изображений. Изображения на вашем сайте, которые не имеют пробелов в именах файлов, для меня просто прекрасны.

Изменение:

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

To:

<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" /> 

Это потребовало бы вам изменить имя файла на сервере поэтому он будет правильно указан.