Vise bilder med javascript

[Frezz]

Jeg har en link på en side. Når man trykker på linken skal et bildegalleri vise seg nedenfor. Dette skjer ved at javascript sender etterspørsel til en PHP side, og får tilbake navnene på bildene som skal vises (AJAX).

 

Retur-stringen fra PHP, over bildene som skal vises ser slik ut:

bilde.jpg~bilde2.jpg~bilde3.jpg

 

var response = http.responseText;
response = response.split('~');
for(var i=0; i<response.length; i++)
{
document.getElementById('image_gallery').innerHTML += '<div class="entry"><img src="'+dirThumbnails+response[i]+'" alt="" /></div>';
}

 

"dirThumbnails" er katalogen hvor bildene ligger.

 

Problemet er at av og til når jeg trykker på linken, så blir nettleseren bare stående å prøve og laste bildene, men ingenting skjer. Til slutt kommer det opp røde kryss hvor bildene skulle vært. Dette kan jo også skyldes et serverproblem, men det skjer ganske ofte. Det jeg lurer på er om dette er en god og akseptabel måte å gjøre dette på, eller burde bildene vises på en annen måte?

[Terrasque]

Og hvilke url's prøver JS å hente da? Kan være at ajax feiler og gir tilbake noen error beskjeder eller lignende, eller at dirThumbnails på en eller annen merkelig måte blir endret.

 

Lag en debug div og legg til path'ene som JS koden prøver å hente der.