Question

我点击按钮后尝试显示动画GIF。图像显示正确，但它不会开始动画。我尝试了很多技术（用div包装它，SetTimeOut ......）但是没有人能够在笔记本电脑和移动设备上显示动画GIF。有些技术适用于笔记本电脑，但不适用于移动设备，例如在javascript中设置超时。这是代码。如何使其适用于笔记本电脑和移动设备：

<script>
function AnimateGif() 
{           
$("#anim_upload").css("display", "");
}
</script>

<asp:ImageButton CssClass="uploadedFile_btn" runat="server" ImageUrl="icon-upload2.png" ID="uploadedFile" OnClick="Button1_Click1" OnClientClick="AnimateGif();"/></div>

<img alt="" src="anim_upload.gif" id="anim_upload" style="display:none" />

LAPTOP解决方案

以下适用于笔记本电脑，但它似乎并不适用于大多数移动设备。不知道为什么!!!

<script>
function AnimateGif() 
{           
setTimeout('document.getElementById("anim_upload").style.display = "block"', 200);    
}
</script>

Answer 1

您正在使用asp:ImageButton并使用OnClientClick来处理js来电，因此当点击此内容时，显然会调用js，但同时页面将会被调用贴回（刷新）。因此，当页面刷新时，gif赢得了动画（我可以说这是浏览器问题，请阅读此内容 - gif animation not playing on refresh）。所以它使它工作，你需要从js呼叫使用后面返回false。

OnClientClick="return AnimateGif();" - 在aspx代码中。

在javascript代码中：

function AnimateGif() 
{           
   $("#anim_upload").css("display", "block");
   return false;
}

动画GIF在显示后不会开始制作动画

1 个答案: