[D.....k]

#webdev #frontend #frontendwebdevelopment #javascript #jquery

Miraski, potrzebuje skryptu/wtyczki, która pokaże mi pasek ładowania (ew. ilość załadowanych danych np. 42kb/512kb) się obrazka.

[cinoo]

@Dreszczyk: szukaj tutaj: http://www.unheap.com/

[D.....k]

@cinoo: ok, poszukam, dzięki

[KotoFan]

panie @Dreszczyk gógle wypluły dużo takich pluginów, nejmowi nie przystoi :)

[D.....k]

@KotoFan: pomyślałem, że ktoś ma jakąś przetestowaną/lepszą etc... to, że są to wiem :<

[wojjaskula]

@Dreszczyk: sprawdź http://www.unheap.com/user-interface/loading-user-interface/loadie/

albo ogólnie unheap.com

[fuuYeah]

@Dreszczyk: Napisałem kiedyś takie coś: http://devbricks.com/labs/loader.js uzywaj do woli, tutaj sposób użycia: http://jsfiddle.net/q53dt/ a tutaj działający loader w akcji: http://game.terrath.com/

[f.....x]

@Dreszczyk: http://blogs.adobe.com/webplatform/2012/01/13/html5-image-progress-events/

[D.....k]

@fotexxx: @fuuYeah: @wojjaskula: wlasnie, problem tkwi w tym, że to pokazuje ilość załadowanych obrazków / ilość obrazków (ewentualnie to w procentach) a ja mam jeden obrazek (jako tło) i potrzebuje do tego jednego obrazka procenty... a tutaj wyjdzie na to, że z 0% przeskoczy prosto na 100%

[f.....x]

@Dreszczyk: wydaje mi się ,że to nie wykonalne z prostej przyczyny.

JS nie ma dostępu do nagłówka w którym pojawił by się rozmiar serwowanego obrazu przed jego pobraniem. Zdaje się ,że przeglądarka ładuje plik do momentu trafienia na znacznik end of file i na tej podstawie wie ,że obraz jest cały

[D.....k]

JS nie ma dostępu do nagłówka w którym pojawił by się rozmiar serwowanego obrazu przed jego poraniem

@fotexxx: mogę to sprawdzić za pomocą PHP, JS może pobierać rozmiar załadowanego już obrazka... tak się musi dać, bo widziałem to gdzieśtam ._.

[f.....x]

@Dreszczyk: https://gist.github.com/nebirhos/3892018

Tu jest jakies rozwiązanie z XHR

[fuuYeah]

@fotexxx: A jemu potrzebny skrypt uploadu? :D myślałem że pobierania :)

[D.....k]

@fotexxx: ok, do sprawdzenia, dzięki

[fuuYeah]

@fotexxx: ah tu chyba są oba jakoś połączone, luz :)

[f.....x]

@fuuYeah: chyba ślepy jestem :) faktycznie masz racje :)

[fuuYeah]

@fotexxx: nie no dobrze jest, w opisie: "add XHR2 upload and download progress events to jQuery.ajax" i tam są dwa eventy: progress i progressUpload, ten pierwszy jest pewnie od downloadu. Ale nie wiem czy zastosowanie tutaj ładowania ajaxem obrazka a potem wklejanie go w tło przez css będzie działać tak jak powinno, czy wtedy ten z CSS będzie załadowany z cache przeglądarki czy zacznie ssać się od nowa? Wydaje mi się

[f.....x]

@fuuYeah: chyba musze sie przespac :) 30h przed kompem to chyba za duzo dla mnie :)

[Marmite]

@Dreszczyk: (#) Huh, to przeglądarki już obsługują progress ładowania obrazków? Wydawało mi się że jeszcze niedawno #!$%@?

[D.....k]

@Marmite: widzialem takie cos, wiec musi dzialac :p

[D.....k]

@Marmite: no zobacz, rozmiar obrazka moge wziac ze zmiennej, ktora sobie wygeneruje jeszcze w php, a JS musi tylko na biezaco sprawdzic ile sie zaladowalo... Na pewno sie da :p