});});初期状態で、1枚目の画像にactiveをつけているので、ボタンがクリックされた際には、1枚目に設置されているactiveクラスを外すことから始める。それが、$('.active').removeClass('active');の部分。次にクリックしたボタンのインデックス番号(html内で何番目の要素なのか)を取得し、その番号に対応した画像に取り外したactiveクラスをつける。クリックしたボタンのインデックス番号はindexメソッドを使って取得できる。記述が長くなるので、変数を定義しておくとよい。$('.index-btn').index($(this));の部分。今クリックされたindex-btn(this)のインデックス番号を取得しなさい。これをclickedIndexとして定義している。インデックス番号が分かったので、そのインデックス番号と同じ番号を持った画像にactiveクラスを追加するようにする。それが、$('.slide').eq(clickedIndex).addClass('active');の部分。通常、$('.slide').eq(1).fadeOut();のようにeqメソッドの後には、インデックス番号の数字が入るが、今回は、上記で、インデックス番号を変数clicedIndexとして定義したので、eqの後にはclickedIndexが入る。この記述の意味は、クリックされたボタンのインデックス番号を持つスライドにactiveクラスを追加しなさい。コメントをキャンセルメールアドレスが公開されることはありません。名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Royal.上へ戻る。