クリック機能のJquery

Question

親指をクリックしてギャラリーに大きな画像を表示できます。ここに私の見解があります。

ビュー

<div class="gallery"> 

<ul class="slideshow"> 
    <% @images.each do |img|%> 
    <li> 
     <%= link_to image_tag(...), :alt => img.name), img %> 
    </li> 
    <% end %> 
</ul> 

<div class="thumbs"> 
<% @images.each do |img|%> 
<a href="javascript:void(0)" rel="<%= img.images... %>" class="slideshow"> 
    <%= image_tag(...)%> 
</a> 
<% end %> 
</div> 

</div> 

は、ここに私のJSコード

JS

function click() { 

$('.thumbs').click(
function() { 
var gallery = $(this).attr("rel"); 
$('ul.slideshow').removeClass('show'); 
$(this).addClass('show'); 
$('slideshow').html('<img src="' + gallery + '" />'); 
return false; 
}) 
} 

ですが、動作するようには思えません。現在、大きなスライドショーにはsetIntervalもあり、すべての異なる大きな画像が回転します。 R uはクリック（）関数内でこれを使用して、なぜ

Answer 1

は..あなたが直接このように使用することができます。..

$('.thumbs').click(function() { 
var gallery = $(this).attr("rel"); 
$('ul.slideshow').removeClass('show'); 
$(this).addClass('show'); 
$('slideshow').html('<img src="' + gallery + '" />'); 
return false; 
});