Зареждане на изображения чрез асинхронни обратни извиквания в 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. Използвайте
за това изучения от вас по-рано
код за зареждане
на изображения.