[PHP][HTML] Nietypowy problem ze zdjęciami na stronie Opcje

[jg44]

Witam,
mam (chyba nietypowy) problem z galerią zdjęć. Posiadam dość dużą galerię (187 zdjęć), które są powrzucane do trzech sliderów (do jednego 160, do drugiego 17 i do trzeciego 10). Problem polega na tym, że czasami po załadowaniu strony, pewne (losowe) zdjęcia są zniekształcone, a czasem wyświetlają się normalnie, przykładowo, powinno być normalnie:
(IMG:http://wrww.anti.cal.pl/nw2/2.jpg)
a czasem jest:
(IMG:http://wrww.anti.cal.pl/nw2/1.jpg)
Kiedyś strona była tylko w HTMLu, i nigdy takich problemów nie było. Potem dodałem shoutbox, więc musiałem zmienić na PHP i wtedy takie problemy zaczęły się pojawiać (także na localhoście). Ktoś ma pomysł, czemu tak się dzieje i jak temu zaradzić? Czy może to mieć związek z tym, że galeria dość dużo waży i serwer 'nie nadąża' ładować kolejnych zdjęć i dlatego się zniekształcają?
Podgląd live strony jest tutaj:
Strona
Poodświeżajcie kilka razy stronę i zobaczcie, czy u Was też tak jest, czy może tylko mi się tak wyświetla.
Z góry dzięki,
Pozdrawiam (IMG:style_emoticons/default/wink.gif)

[vonski]

Zdjęcia są 500x375px, rozdzielczość jest słaba (96dpi), uważam, że to nie są wygórowane wartości. Chociaż ostatecznie każde zdjęcie ma ~100kB, zatem te 187 zdjęć waży około 19MB, więc jednak teoretycznie mógłby być problem.

To może zamiast kazać użytkownikowi ściągać te 19 MB zraz po wejściu na stronę, ładuj np. tylko 3 zdjęcia (albo 5, albo ile chcesz ale nie wszystkie na raz (IMG:style_emoticons/default/smile.gif) ) na wejście - pierwszy, drugi i ostatni slajd (ostatni dlatego, że sąsiaduje z pierwszym tylko że od drugiej strony (IMG:style_emoticons/default/smile.gif) ). Po każdym kliknięciu w następny / poprzedni ładuj w tle kolejne zdjęcie. Na szybko wymodziłem coś takiego, może ci się przyda:
http://tomek.rychtyk.pl/workshop/slider/test.html

Jest tu w sumie 21 slajdów, każdy waży ponad 200kb, jednak zaraz po wejściu ładują się tylko 3 z nich, potem kolejne, kolejne itd.
Działa tylko 'Następy' bo ma to być tylko przykład jak to można ewentualnie robić - reszty mi się po prostu nie chciało (IMG:style_emoticons/default/smile.gif) Kod jest mniej więcej taki:

[PHP] pobierz, plaintext 
        $(function() {
 
            var current = 2;
            var amount = 21;
 
            // następny slajd
            $('#next').click(function() {
 
                if(current == amount) {
                    // aktywny ostatni slajd i kliknięto następny
                } else {
                    $('.slider').append('<img style="left:700px" id="photo' + (current + 2) + '" src="' + (current + 2) + '.jpg" />');
                    $('#photo' + current).animate({
                        'left': -700
                    }, 1000);
                    $('#photo' + (current + 1)).animate({
                        'left': 0
                    }, 1000);
                    current++;
                }
 
                return false;
            });
        });
[PHP] pobierz, plaintext 

Jedyne założenie jakie tu przyjąłem jest takie, że obrazki są numerowane o 1 do n a rozszerzenia pisane są małą literą.