Animacja ładowania się zdjęcia - JS

Question

Mniej-więcej ogarniam języki webowe i chciałbym zrobić animację ładowania się zdjęcia, ale nie wiem od czego zacząć, jak to zrobić. Pomógłby ktoś?

Answer 1

Wyszukanie tego co Cię interesuje nie było takie trudne. Nie wiem czy na pewno to miałeś na myśli, ale raczej tak.  http://blog.kmike.net/front-end/css/imitacja-efektu-leniwego-ladowania-zdjec-lazy-loading-jquery/

Comments

Chodzi mi o takie "kręcące się kółko" w czasie ładowania się obrazka.

---

Raczej to zły przykład, bo nie działa z wyłączonym js. Osobiście uważam, że ze względu na przyjazność obsługi nie powinno się stosować takich skryptów. Sam jpg i png ma wbudowane wczytywanie progresywne.

---

Okej. Ja mimo wszystko bym chciał takie coś zrobić.

---

A więc preloadery: http://webroad.pl/javascript/285-jquery-elegancki-preloader-obrazkow

---

Myślę, że Vanilla JS wystarczy - bez jQ można to wykonać :)

---

Jak to zrobić w czystym JS?

---

3 odpowiedzi wyżej masz kod. Musisz tylko kilka elementów jquery zastąpić querySelector i addEventListener, a animacje zastawić np. taką class http://stackoverflow.com/questions/28662893/fade-in-and-fade-out-in-pure-javascript-without-jquery#answer-28662971