JQueryで画像を自動フェードさせる方法は？

Question

ここで初めて、人々がここで質問をして回答を得たのを見ました。ここで自分が助けに来るのを見たことはない。

ウェブサイトの読み込み時に画像を自動的にフェードアウトする方法を知りたいですか？私は試した;

$(document).ready(function() { 
    $("#logo").fadeIn(1000); 
}); 

しかし、動作しませんでした。ロゴは同じだった。私はこれを行う方法を知りたいですか？私はdivを試してみるべきですか？助けてください、乾杯。

Answer 1

.fadeIn()を有効にするには、その要素をあらかじめ隠しておく必要があります。

あなたのCSSでこれを置く必要があります。

#logo { 
    display: none; 
} 

し、ページが作成されると.fadeIn()を実行します。

それはユーザーがJSを無効にしているかもしれないと考えられるなら（あなたはHTML5を使用している場合）、その後、あなたはあなたの頭のタグでこれを置く必要があります。

<noscript> 
    <style> 
    #logo { 
     display: initial !important; 
    } 
    </style> 
</noscript>