Problem z ładowaniem obrazków (odczyt szerokości kontenera)

Forum PHP.pl > Forum > Po stronie przeglądarki

Problem z ładowaniem obrazków (odczyt szerokości kontenera)

m72 Zobacz profil	1.08.2014, 15:54:17 Post #1
Grupa: Zarejestrowani Postów: 86 Pomógł: 0 Dołączył: 25.12.2012 Ostrzeżenie: (0%)	Witam, problem jest dość szeroko poruszany w internecie ale ciężko znaleźć prostą odpowiedź. W sktócie, chce zrobić sktypt który: 1. Załaduje na stronę obrazki poprzez jquery append 2. Poczeka aż one się załadują 3. Odczyta szekokość całego kontenera do którego się załadowały. Obrazki ładuję do tabeli bo tego wymaga dalsza (tu nie zamieszczona) część skryptu, ale to nieistotne. Wiem, że jest wiele pluginów do ładowania obrazków. Czy ktoś mógłby powiedzieć jak zmodyfikować ten skrypt tak żeby działał jak w założeniach ? Teraz problem polega na tym że skryp przelatuje szybciej niż obrazki (specjalnie duże) się załadują i odczytana w konsoli szerokość jest zero. po odświeżeniu strony jest już wszystko ok. Żeby sprawdzić błąd ponownie trzeba wyczyścić pamięć podręczną przegądarki i ją zresetować. Oto kod: [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div style="height:500px; background-color:#eee; overflow:auto;"> <table id="fotokontener"><tr></tr></table> </div> <script> $("#fotokontener tr").append('<td><img src="http://www.hdwallpapersfullhd.net/wp-content/uploads/2014/05/Golden-Gate-Bridge-HD-Wallpapers-Golden-Gate-Bridge-Wallpaper.jpg"/></a></td>'); $("#fotokontener tr").append('<td><img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/01/digital-wallpaper-3.jpg"/></a></td>'); console.log( $("#fotokontener").width() ); </script> </body> </html> [HTML] pobierz, plaintext