⊗jsSpACIL 159 of 294 menu

Carga de imágenes mediante callbacks asíncronos en JavaScript

Implementemos la función loadImage, que cargará imágenes. Que el primer parámetro de esta función reciba la ruta de la imagen, y el segundo - un callback, que se ejecutará cuando la imagen esté cargada:

loadImage('img.png', function() { // se ejecutará cuando la imagen esté cargada });

Que en el primer parámetro de nuestro callback se reciba la referencia al elemento DOM de la imagen, y en el segundo - el error, si ocurre una situación excepcional:

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

Podemos usar nuestra función de la siguiente manera:

loadImage('image.png', function(image, err) { document.body.append(image); // colocaremos la imagen cuando esté cargada });

O con manejo de situaciones excepcionales:

loadImage('image.png', function(image, err) { if (!err) { document.body.append(image); } else { console.log('ocurrió un error: ' + err); } });

Implemente la función loadImage. Utilice para ello el código para carga de imágenes que estudió anteriormente.

Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar