動畫圖像的css

我需要爲圖像創建一個css，例如高度和寬度。如何創建？動畫圖像的css

<div id="toHide" class="pb-text-align-center"> 
<img src="img/load.gif" style="margin-left: auto; margin-right: auto;"/> 
<form wicket:id="safeForm" class="clearfix" /> 
</div> 

.pf-text-align-center, .pb-text-align-center { text-align: center; } 

<script type="text/javascript"> 
    var $ = jQuery.noConflict(); 
    $('#toHide').doTimeout(1000, function() { $('#toHide').find('#safeForm35').submit();}); 
</script>

問題：動態動畫操作在IE中沒有發生。它可以通過做正確的高度和寬度來解決。我怎樣才能看到什麼是所需的高度和寬度？和其他細節？

編輯

答：

HTML源代碼：

<SCRIPT type="text/javascript"> 
    var $ = jQuery.noConflict(); 
    document.getElementById('toHide').style.display =""; 
    $('#toHide').doTimeout(1000, function() { 
     $('#toHide').find('#safeForm34').submit(); 
     document.getElementById('myAnimatedImage').src = "../../img/load.gif"; 
     }); 
</SCRIPT>

HTML：

<div id="toHide" class="pb-text-align-center"> 
    <img src="img/load.gif" id='myAnimatedImage' style="margin-left: auto; margin-right: auto;"/> 
    <form wicket:id="safeForm" class="clearfix" /> 
</div>

來源

2011-05-27 bekur

我看不到在這段代碼中的任何動態動畫動作 - 你是什麼意思？ – 2011-05-27 14:07:36

我猜他的意思是load.gif是一個動畫gif。不是我所謂的動態，雖然...... – 2011-05-27 14:11:43

更新的主要問題。 – bekur 2011-05-27 14:14:34

對你來說壞消息 - 你在IE中遇到一個已知的bug。

在IE中，如果您加載動畫GIF，但在加載時它不可見，那麼當您使其可見時，動畫將不起作用。

解決方法是在需要顯示時通過設置src屬性加載圖像，而不是預加載並使其可見。

參考：http://www.norio.be/blog/2008/09/animated-gif-not-working-internet-explorer

來源

2011-05-27 14:18:34 Spudley

非常感謝你，它解決了我長期以來的問題。感謝您的鏈接也。更新了主要問題的最終結果。 – bekur 2011-05-27 16:17:08

動畫圖像的css

回答

相關問題