2011-10-06 9 views
1

jqueryやJavaスクリプトに関する経験はありません - ごめんなさい!jqueryイメージを非表示にしてフェードイン

私はフラッシュアニメーションを持つaspxページを持っています。フラッシュが利用できない場合は、代わりに静止画像が表示されます。私はイメージがフェードインしたいと思います。現在、これはうまくいきません。私は$(imgConnect).hide();を使ってイメージを隠すだけでしようとしました。しかしそれはどちらもうまくいかない!このページはWebアプリケーション内にあり、VS 2010で開発中です。同じWebアプリケーションの別のページにサンプルjqueryを追加しましたが、同じjqueryライブラリ参照を使用して問題なく動作しました。

誰でもお手伝いできますか?

私はあなたがハッシュ記号を使用すると、ID

に基づいて選択している。また、あなたはready()でそれをラップする場合がありますことを意味し$("#imgConnect")

が必要だと思う

<div id="flash"> 
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="197" id="myFlashContent"> 
      <param name="movie" value="intro.swf" /> 
      <!--[if !IE]>--> 
      <object type="application/x-shockwave-flash" data="intro.swf" width="600" height="197"> 
      <!--<![endif]--> 

       <img id="imgConnect" src="images/letsconnect.png" alt="Let's Connect" title="Let's Connect" /> 
       <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 

       <script type="text/javascript"> 

        $("imgConnect").hide().fadeIn("slow", function() { }); 

       </script> 
      <!--[if !IE]>--> 
      </object> 
      <!--<![endif]--> 
     </object> 
</div> 

答えて

2

は実施例である:あなたが最初の

に隠された画像を確認する必要があり http://jsfiddle.net/JptBV/1/

<img id="imgConnect" src="images/letsconnect.png" style="display:none" /> 

、その後、あなたはそれが動作後で

$(document).ready(function(){ 
    $("#imgConnect").fadeIn('slow'); 
}); 
+0

それを表示することができます!ありがとうございました –

0

$(document).ready(function() { 
    $("#imgConnect").hide().fadeIn("slow", function() { }); 
}); 

最後に、imgにstyle='display: none;'を設定した場合は、hide()コールを取り除き、フェードインさせることができます。それはあまりにも速いフェードイン場合$('#imgConnect').delay(500).fadeIn()を行う(遅延はミリ秒を取り、待っている次のアニメーション機能を実行するために長い)

ここ
関連する問題