0

親指をクリックして、ギャラリーに大きな画像を表示できるようにしたい。これが私の見解です。

見る

<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 があるため、さまざまな大きな画像がすべて回転します。

4

1 に答える 1

0

click() 関数内でこれを使用する理由..このように直接使用できます..

$('.thumbs').click(function() {
var gallery = $(this).attr("rel");
$('ul.slideshow').removeClass('show');
$(this).addClass('show');
$('slideshow').html('<img src="' + gallery + '" />');
return false;
});
于 2012-04-26T04:58:43.047 に答える