GIF animata non più animata su jQuery .Show ()

Question

Per quanto posso dire, questo colpisce solo IE 8.

Utilizzando il seguente codice, la GIF appare ma non è animata (bloccato in una posizione):

$("#<%=assessmentListLinkClientID() %>").click(function(){
        $("#assessmentListLoaderImg").show();
    });

Ho anche usato .css('display', 'block') con gli stessi risultati.

Esiste un modo accettato (forse meglio di questo) che produce risultati affidabili del browser per mostrare una GIF animata?

Answer 1

Sembra che questo sia il modo per risolvere questo problema:

<div id='myHiddeDiv' style='display:none'> 
<img src='' id='myAnimatedImage'> 
</div> 
<input type='button' value='show image' onclick='showDiv();'> 

<script languag='javascript'> 
function showDiv() 
{ 
document.getElementById('myHiddeDiv').style.display =""; 
document.getElementById('myAnimatedImage').src = "http://www.nowhere.com/animatedGif.gif"; 
} 
</script> 

Devi riprogrammare l'SRC del tag immagine, questo costringe a renderlo di nuovo e quindi mostrarlo animato.

Answer 2

Ho avuto questo problema qualche tempo fa e mentre non l'ho risolto ho visto qualcosa nell'interfaccia utente di JQuery di recente che stavo per indagare ulteriormente. Sembra che ci sia un'impostazione nel motore dell'interfaccia utente jQuery per impostare le cose come nascosto fuori dallo schermo e mi chiedevo se ciò potesse aggirare il problema con IE non rendering correttamente le GIF animate perché sono invisibili al tempo di rendering. La mia teoria era che se fosse visibile ma "fuori dallo schermo", IE potrebbe renderlo animato ma sarebbe invisibile per l'utente.

Il link è qui:

http://jqueryui.com/docs/theming/api

Ed è l'aiutante di layout qui a cui sto pensando:

.UI-Helper-Hidden Accessibile: applica un nascondiglio accessibile agli elementi (tramite posizionamento ABS dalla pagina)

Non posso garantire questo come risposta, ma è stato nella mia lista di soluzioni per provare me stesso quando ne ho avuto la possibilità.

Se provi questo e hai qualche successo con esso fammelo sapere :)