Jquery 在iFrame窗口中加载图像时显示引导微调器

我需要显示微调器元素的“功能”，要做到这一点，我必须找到大图像并在图像加载到iFrame时显示微调器。我尝试了几件事，但似乎都不管用。我也找不到足够大的图像来显示效果，我尝试使用effigis.com上的图像，但我得到了

ERR\u BLOCKED\u BY\u RESPONSE

Html:

4.

jQuery尝试1：

    <script>
        $(document).ready(function(){
            // loading icon
            $('#largeimg').imagesLoaded().done(function(){
                $('.spinner-border').remove();
            });
        });
    </script>

$（文档）.ready（函数（）{
//加载图标
$（'#largeimg'）.imagesLoaded（）.done（函数（）{
$（'.spinner border'）.remove（）；
});
});

jQuery尝试2：

    <script>
        $(document).ready(function(){
            // loading icon
            $('#largeimg').load(function(){
                $(".spinner-border").hide();
            });
        });
    </script>

$（文档）.ready（函数（）{
//加载图标
$（'#largeimg'）.load（函数（）{
$（“.spinner border”）.hide（）；
});
});

加载图像后如何获得微调器，以及如何在第一时间获得如此大的图像以进行加载？

尝试以下方法：

$(document).ready(function(){
    $('#largeimg').on('load',function(){
        $('.spinner-border').css('display','none');
  });
});

$(document).ready(function(){
    $('#largeimg').on('load',function(){
        $('.spinner-border').css('display','none');
  });
});