jQueryを使用してイメージをフェードインさせるにはどうすればいいですか

Question

コーディングが新しく、jQueryを学ぶために最善を尽くしています。私は基本的なコマンドをいくつか学んだ後、最初からイメージスライダを作ってみたいと思っていましたが、最初のイメージをフェードインするのに問題があります。

本当にありがとうございます。

はここにHTMLです：

<div class="wrapper"> 
    <div id="slider"> 
     <img id="img1" src="img/img1.jpg" /> 
     <img id="img2" src="img/img2.jpg" /> 
     <img id="img3" src="img/img3.jpg" /> 
    </div> 
    <a href="#" class="left">Previous</a> 
    <a href="#" class="right">Next</a> 
</div> 

はここにCSSです：

#slider { 
    width: 350px; 
    height: 450px; 
    overflow: hidden; 
} 

はここでjQueryの：

sliderInt=1; 
sliderNext=2; 

$(document).ready(function(){ 
    $("#slider > #img1").fadeIn(400); 
}); 

編集：午前「検査中」にもこのエラーメッセージが表示される - リソースをロードできませんでした：net :: ERR_FILE_NOT_FOUND

Answer 1

最初に：idの代わりに一意のIDまたはクラスを使用してください。 IDは一意でなければなりません。

は、第二に：IDSについては申し訳ありません、申し訳ありませんが、無視するもの：img要素display: none

EDITを非表示にします。あなたはすべて神です;）

編集：矢印を使ってヘルプが必要な場合は、開始するための基本fiddleがあります。