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 функциясын жүзеге асырыңыз. Ол үшін
сіз бұрын зерттеген
суреттерді жүктеуге арналған
кодты пайдаланыңыз.