diff --git a/static/js/custom_img_size.js b/static/js/custom_img_size.js index 90ea575..4d04119 100644 --- a/static/js/custom_img_size.js +++ b/static/js/custom_img_size.js @@ -1,33 +1,39 @@ -for (const item of document.getElementsByTagName("img")) { - // Check if we may need to resize the image - const possible_piece = item.alt.split(/\s?\|\s?/); - if (possible_piece.length > 1) { - // Check if 1 or 2 dimension(s) is provided - // Then, check if syntax is correct - // - // If everything is good, assign the width and/or the height - // to the image and remove the resize data from the alt text - const last_possible_piece = - possible_piece[possible_piece.length - 1].trim(); - // Remove the resize data from the list - possible_piece.pop(); - if (last_possible_piece.includes("x")) { - const verif = last_possible_piece.split(/\d+/); - if ( - verif.length == 3 && - verif[0] == "" && - verif[1] == "x" && - verif[2] == "" - ) { - [item.width, item.height] = last_possible_piece.split("x"); - item.alt = possible_piece.join(""); - } - } else { - const verif = last_possible_piece.split(/\d+/); - if (verif.length == 2 && verif[0] == "" && verif[1] == "") { - item.width = last_possible_piece; - item.alt = possible_piece.join(""); +window.addEventListener("load", () => main()); + +const main = () => { + for (const item of document.getElementsByTagName("img")) { + // Check if we may need to resize the image + const possible_piece = item.alt.split(/\s?\|\s?/); + if (possible_piece.length > 1) { + // Check if 1 or 2 dimension(s) is provided + // Then, check if syntax is correct + // + // If everything is good, assign the width and/or the height + // to the image and remove the resize data from the alt text + const last_possible_piece = + possible_piece[possible_piece.length - 1].trim(); + // Remove the resize data from the list + possible_piece.pop(); + if (last_possible_piece.includes("x")) { + const verif = last_possible_piece.split(/\d+/); + if ( + verif.length == 3 && + verif[0] == "" && + verif[1] == "x" && + verif[2] == "" + ) { + [w, h] = last_possible_piece.split("x"); + item.width = w; + item.height = h; + item.alt = possible_piece.join(""); + } + } else { + const verif = last_possible_piece.split(/\d+/); + if (verif.length == 2 && verif[0] == "" && verif[1] == "") { + item.width = last_possible_piece; + item.alt = possible_piece.join(""); + } } } } -} +};