Why is ajax-loader.gif attempted to be loaded instead of ajax-loader.png?

Question

I have installed jQuery mobile locally.

When I invoke the method : $.mobile.showPageLoadingMsg(); I receive an error message : css/images/ajax-loader.gif 404 (Not Found)

The file css/images/ajax-loader.png does exist. Should this method not be referring this file instead ?

A possible solution is for me to just add my one ajax loader with same name, but it should work out of box ?

Answer 1

I solved it very simply, just download the file ajax-loader.gif (here) and put it on the local project folder where the error is signaling. In your case css/images/ajax-loader.gif

Answer 2

Here's an answer to your question Why does jQuery Mobile 1.1-rc1 use a .gif for the loading icon (again)?.

Animated gifs simply are more supported then CSS animations, but you can switch to PNG if you like. jQM simply defaults to .gif