Lo que estoy tratando de hacer es agregar una imagen de carga a un div (para que el usuario sepa que algo se está cargando) y luego llamo a una función jquery ajax, que se establece en "async: false". Aquí está mi código:

$jQuery("#playersListDiv").html(loadingImage);    
$jQuery.ajax({
         type: "POST", /* this goesn't work with GET */
         url: urlValue, /*ex: "NBAgetGamesList.php" */
         data: parameters, /*ex: "param1=hello" */
         cache: false,
         async: false,
                     success: function(data){

                     }
});

El problema es que el navegador se bloquea y no agrega la imagen de carga hasta DESPUÉS de que se realiza la llamada ajax, lo cual, por supuesto, es inútil. Firefox es el único navegador que realmente agrega la imagen de carga. IE, Chrome y Safari NO anexan la imagen de carga.

Sé que el bloqueo del navegador se produce porque la sincronización asincrónica está configurada como falsa, pero esta es mi única opción porque tengo que esperar a que se complete esta solicitud antes de continuar porque necesito los datos que se devuelven.

¿Hay alguna forma de evitar esto? Si coloco una alerta después de que agrego la imagen de carga que funciona pero no quiero que aparezca una alerta cada vez.