АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsSpACIL 159 of 294 menu
Долгожданный Бесплатный курс по выкладке сайта на хостинг. МЫ УЖЕ НАЧАЛИ! Присоединяйтесь к нам!

Загрузка картинок через асинхронные коллбэки в JavaScript

Давайте реализуем функцию loadImage, которая будет загружать картинки. Пусть первым параметром эта функция принимает путь к картинке, а вторым - коллбэк, который выполнится, когда картинка будет загружена:

loadImage('img.png', function() { // выполнится по загрузке картинки });

Пусть в первый параметр нашего коллбэка попадает ссылка на DOM элемент картинки, а во второй - ошибка, если произойдет исключительная ситуация:

loadImage('img.png', function(image, err) { console.log(image, err); });

Мы можем использовать нашу функцию следующим образом:

loadImage('image.png', function(image, err) { document.body.append(image); // разместим картинку по загрузке });

Либо с обработкой исключительной ситуации:

loadImage('image.png', function(image, err) { if (!err) { document.body.append(image); } else { console.log('произошла ошибка: ' + err); } });

Реализуйте функцию loadImage. Используйте для этого изученный вами ранее код для загрузки картинок.

enru