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, поэтому все разные большие изображения вращаются.

Answer 1

Почему г пользуешься это внутри функции нажмите() .. Вы можете непосредственно использовать, как это ..

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