誰かがこのjqueryがイメージギャラリーを作成する方法をnoobに説明できますか？

Question

ここで何が起こっているのか分かりません。もし誰かが説明できたら、私はそれを感謝します。私はフォトギャラリーを作成する必要があり、このコードを見ることが推奨されていますが、どのように動作するのか分かりません。このよう

$(document).ready(function(){ 
    imageSwapper(".thumbnails a"); 
}); 

function imageSwapper(link) { 
    $(link).click(function(){ 
    $('#largeimage').attr('src', this.href); 
    return false; 
    }); 
}; 

Answer 1

：

imageSwapper(".thumbnails a"); 

は言ったアンカー（a）の要素を渡します。文書readyイベントのクラスサムネイルラインを持つコンテナがある

// When the document is ready 
$(document).ready(function(){ 
    // Call this function with this string (a CSS selector) 
    imageSwapper(".thumbnails a"); 
}); 

function imageSwapper(link) { 
    // With all the elements matching link (all the <a>'s under <tag class="thumbnails">) 
    // Set their onClick to be this anonymous function 
    $(link).click(function(){ 
     // Get the element with id="largeimage" 
     // and set it's src attribute to the href of the link we clicked on 
     $('#largeimage').attr('src', this.href); 
     // Cancel the default action (don't go to the href of the link we clicked on 
     return false; 
    }); 
}; 

Answer 2

関数へのコンテナimmageSwapper

関数内

$(link).click(function() 

機能付き渡さアンカー要素のクリックイベントをバインドします

に大きな画像を表示し（*たぶん*）画像の SRC属性を設定します

function(){ 
    $('#largeimage').attr('src', this.href); 
    return false; 
} 

クリックされたアンカー要素の属性はhrefです。

Answer 3

このコードは、クラスサムネイルを持つ要素の子であるすべてのリンクにclickイベントをバインドします。このリンクの1つをクリックすると、id = largeimageの要素のsrc属性が設定されます。

HTMLはこのようなものになることがあります。

<div class="thumbnails"> 
<a href="image1.jpg"><img src="thumb1.jpg"/></a> 
<a href="image2.jpg"><img src="thumb2.jpg"/></a> 
<a href="image3.jpg"><img src="thumb3.jpg"/></a> 
</div> 
<img id="largeimage"/>