Javascript 在加载另一个sript后执行或重新加载脚本

我编写了一个代码，您可以在图像之间进行选择，当您单击其中一个图像时，它会显示在另一个占位符中：

home.php

<div id="templates" class="row">
            <?php
            while ($one = $templates->fetch()) {
                ?>
                <div class="col-xs-3 col-md-2">
                    <a  class="thumbnail" data-price="<?= $one['price'] ?>" data-id="<?= $one['id'] ?>">
                        <img id="imgTemp" onclick="changeImage('../files/templates/blank/<?echo($one['id'])?>.jpg');changeSize();" src="/files/templates/example/<?= $one['id'] ?>.jpg" alt="<?= $one['titlep'] ?>">
                    </a>
                </div>
            <?php
            }
            ?>
        </div>
        <div>
            <img id="imgDisp" src="../files/test/red-panda.jpg" alt="Red panda" class="mask" datamask="../files/test/1.png">
        </div>

changeImage用于获取所选图像并将其放置在新div中，而changeSize用于设置属性“数据掩码”。数据掩码由另一个脚本使用，该脚本位于canvasmask.js中，并在图像上设置掩码（例如正方形、三角形等）。现在，当我选择一个图像时，猜测canvasmask.js中的函数是在其他函数之前执行的，不会应用任何掩码。可以这样做吗？

尝试执行changeSize（）作为changeImage的回调。如果你不知道怎么做，有一首很好的芭蕾舞曲：

---

考虑到上下文，仍然有点难以理解。你能在我的例子中演示一下它是如何工作的吗？

function changeImage(imgName)
{
    image = document.getElementById('imgDisp');
    image.src = imgName;
}

function changeSize()
{
    document.getElementById('imgDisp').setAttribute("datamask","../files/test/2.png");
}