Javascript 是否在图像完全加载时显示图像？

我希望图像仅在完全加载后显示。我该怎么做

<ul id="listcontainer">
    <li class="li1">
        <img src="images/m1.png">
    </li>
</ul>

您可以试试这个 把这个放到你的css

#listcontainer{opacity:0；}

    $(document).ready(function(){
    $('#listcontainer').animate({
    opacity: '1'
    },500);
});

$(document).ready(function(){
        $('#listcontainer').css(
        'display', 'block'
        );
    });

如果您真的想隐藏图像，可以使用.css和display:none； 将其放入css

#listcontainer{display:none；}

    $(document).ready(function(){
    $('#listcontainer').animate({
    opacity: '1'
    },500);
});

$(document).ready(function(){
        $('#listcontainer').css(
        'display', 'block'
        );
    });

---

在加载所有图像时，可以将document.ready和window.load事件作为window.load激发进行播放

$(document).ready(function(){
    $("img").hide();
});

$(window).load(function(){
    $("img").show();
});

---

我想你可以这样做：

    <script>
        document.addEventListener('DOMContentLoaded', function(){
            var img = document.createElement("img");
            img.src = "images/m1.png";
            var src = document.getElementsByClassName("li1");
            src.appendChild(img);
        }, false);
    </script>

document.addEventListener（'DOMContentLoaded'，function（）{
var img=document.createElement（“img”）；
img.src=“images/m1.png”；
var src=document.getElementsByClassName（“li1”）；
src.appendChild（img）；
}，假）；

.li1>img{width:100%；}例如，你可以用谷歌搜索