php - Gif 图像仅在完全加载后调整大小

Question

Gif 仅在 gif 完全加载后才会调整大小。如何在加载时调整 gif 的大小？

我使用多个 gif，所以它们有不同的大小，所以我不能只做通常的 100% 高度和宽度，我想保持方位正确。

我用来调整 gif 大小的脚本

<script>
function resizeToMax(id){
    myImage = new Image() 
    var img = document.getElementById(id);
    myImage.src = img.src; 
    if(myImage.width / document.body.clientWidth > myImage.height / document.body.clientHeight){
        img.style.width = "100%";
    } else {
        img.style.height = "100%";
    }
}
</script>

显示图片的php

<?php 
echo '<img id="image" onload="resizeToMax(this.id)" src="gifs/' . $myTokens[1] . '/' . $myTokens[2] . '.gif">';
?>   

Answer 1

您可以做的一件事是在加载图像之前隐藏图像(例如添加一个 CSS 类)，然后在您的 resizeToMax 函数中，删除隐藏的 CSS 类图片。