2012-04-26 175 views
0

我希望能夠點擊一個拇指,並在畫廊上顯示較大的圖片。這是我的看法。jquery點擊功能

視圖

<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,以便所有不同的較大圖像旋轉。

回答

0

爲什麼使用這個點擊()函數在'rü..您可以直接使用這樣的..

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

嗨。我剛剛添加了一個名爲click的函數。你有什麼是我開始使用的代碼,但它不起作用。 – noob 2012-04-26 14:21:21