Formulaire submit gif animé

Question

J'ai un formulaire qui a une entrée de type image comme suit.

<input type="image" id="submit" src="red_btn.png"> 

Une fois que cette image est cliqué pour soumettre le formulaire, je change l'image à un gif animé pour montrer une fileuse

$('form').submit(function(e){ 
//e.preventDefault(); 
$('#submit').attr("src", "loading.gif"); 
}); 

Cependant, il n'y a pas d'animation. Mais quand j'empêche la soumission de forme, le GIF s'anime.

C'est sur FF 16

Pls aide.

Answer 1

Apparaît que la page est en cours de transition vers la page de soumission, donc vous ne voulez vraiment rien montrer à l'utilisateur à ce moment-là. Si vous faisiez un appel ajax, alors oui, un spinner est approprié. Mais avec une soumission de formulaire standard, je pense que le navigateur travaille déjà sur le chargement de la nouvelle page afin que celui-ci soit sur le point d'être vidé.