I have a form where the submit function takes several minutes. I'd like to display an animated gif while the submit is cranking. The code below shows the gif, but it doesn't move. What can I do to get it going?
<script type="text/javascript">
$(function() {
$("#submit").click(function() {
$("#wait").show();
return true;
});
});
</script>
<% Using Html.BeginForm%>
<%-- Various input fields here --%>
<input id="submit" type="submit" value="Submit" />
<img id="wait" src="../../Content/images/ajax-loader.gif" alt="" style="display: none" />
<% End Using%>
If your GIF file is not playing or looping, it might be because the file is too large. If it's more than 1080 pixels high or 1920 pixels wide, you'll need to reduce the size. There are a number of free, online tools of varying sophistication that you can use.
So, if your Gboard GIF is not working correctly or has stopped working, it could be that your Gboard app needs an update. How To Update The Gboard App? If there is an update pending for Gboard app, you will be able to see it under the Updates tab. To update it, simply tap on the Update icon next to the Gboard app.
To play animated GIF files, you must open the files in the Preview/Properties window. To do this, select the animated GIF file, and then on the View menu, click Preview/Properties. If the GIF does not play, try re-saving the animated GIF in the collection in which you want to put it.
Just find a GIF that you want and press the “copy link” button. Then, paste the link where you want to use your GIF. On most sites, the GIF will work automatically. Use Gboard: The Google Keyboard for Android, iPhone, and iPad has a built-in GIF function that allows you to use GIFs anywhere, even in text messages.
This problem is happening only in IE, correct? Rick Strahl discussed this on his blog some time back. Be sure to read the comments.
Animated GIF images in hidden page elements
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With