gistfile1.txt

   <hr>
        <div class="col-md-6" style="float: left;" id="fig7a_div">
            <a href="{{ URL_FIG_7A }}" target="_blank">
                <figure>
                    <img src="{{ URL_FIG_7A }}" id="fig7a" alt="" width="450" height="250" class="figure-img" onload="loadImage()">
                    <figcaption>Fig. 7A S3 for {{ LINC }} with r => 0.5 or r <= -0.5</figcaption>
                </figure>
            </a>
            <br>
            <figure>
                <a href="{{ URL_FIG_6A }}" target="_blank" id="fig6a_div">
                    <img src="{{ URL_FIG_6A }}" id="fig6a" alt="" width="450" height="250" class="figure-img" onload="loadImage()">
                    <figcaption>Fig. 6A for {{ LINC }} with r => 0.8 or r <= -0.8</figcaption>
                </a>
            </figure>
        </div>
        <div class="col-md-6" style="float: right;" id="figs5_div">
            <figure>
            <a href="{{ URL_FIG_S5 }}" target="_blank">
                <img src="{{ URL_FIG_S5 }}" id="figs5" alt="" width="450" height="250" class="figure-img" onerror="unloadImage()">
                <figcaption>Fig. S5 for {{ LINC }} with  r => 0.9 or r <= -0.9</figcaption>
            </a>
            </figure>
        </div>
    </div>
<script type="text/javascript">
    var img = document.getElementById("fig7a");
    img.onerror = function () {
        var div = document.getElementById("fig7a_div");
        div.style.display = "none";
    };

    var img2 = document.getElementById("fig6a");
    img2.onerror = function () {
        var div = document.getElementById("fig6a_div");
        div.style.display = "none";
    };

    var img3 = document.getElementById("figs5");
    img3.onerror = function () {
        var div = document.getElementById("figs5_div");
        div.style.display = "none";
    };

</script>