Question

根据this问题，我创建了点击[1][2][3][4]更改主图片的功能。

现在它很棒。主图像按预期更改。但是当我点击主图像弹出时它只显示默认图像或者我可以说第一个。

问题：为了更好的解释：我可以看到一些图片，但是当我点击该弹出窗口显示其他图片时。！

主图片视图：

div class="block-2-image">                                  

    <a href=<%=@advertisement.pictures.first.image.url(:original)%> data-lightbox="gallery"><%=  image_tag @advertisement.pictures.first.image.url(:medium),
                              :title=> @advertisement.name,:id=>"main-image", :alt =>                                   @advertisement.name%></a>
</div>

图片编号为[1][2][3][4]

<ul class="thumbnail">
        <% @advertisement.pictures.to_enum.with_index(1) do |thumb, index|%>


      <li><a href=<%=thumb.image.url(:medium)%> class="inactiver"><%= index %></a></li>

    <% end %> 
</ul>

我的剧本：

$(document).ready(function(){
   $('.thumbnail a').on('click', function(e){
      $('.block-2-image img').attr('src', $(this).attr('href')); //nomaina bildi, bet klikskinot paliek vecais bildes links

    e.preventDefault();
     var sidebar = $('.thumbnail');
    sidebar.delegate('a.inactiver','click',function(){
        sidebar.find('.activer').toggleClass('activer inactiver');
        $(this).toggleClass('activer inactiver');
    });
    // $(this).css('border-width', '2');

});

});

但是那段代码改变了图像源？为什么然后是其他形象？

由于

通过点击更改图片及其来源

0 个答案: