Zatrzymanie ładowania obrazków do czasu wykonania funkcji Opcje

[arekko]

Dzień dobry,

od czasu borykam się z problemem. Otóz mam na stronię slider z 3-4 obrazkami rozmiarów na komputer. Utworzyłem skrypt, który sprawdza wielkość okna i gdy wykryje, że może to być urządzenie mobilne (mały ekran) podmienia, ścieżki zdjęć na małe zdjęcia. Wszystko dzieje się jednak dopiero po wczytaniu strony lub w lepszym przypadku w czasie ładowania strony gdy dodam funkcję w body onload, jednak nie zadowala mnie to, ponieważ w tej chwili wszystkie zdjęcia są wczytywane co nie pozwala zaoszczędzić na transmisji danych. Poszukuję skryptu/ rozwiązania/ metody, która pozwoli mi najpierw sprawdzić wielkośc okna i ewentualnie podmienić src obrazków, a następnie rozpocznie wczytywanie obrazków. Dodam, że nie chcę usuwać kodu obrazka z HTML, ponieważ gdy ktoś mi wyłączy obsługę js to obrazki się oczywiście nie pojawią.

Podsumowując kod, który zatrzymuje ładowanie części HTML, wykonuje funkcję js i następnie rozpoczyna ładowanie tej części HTML.