2012-09-14 101 views
0

我遇到了切换到灯箱中的下一个图像的问题。当我第一次点击下一个按钮时,一切正常。我似乎无法从那里看到下一张图片。以下是我正在使用的代码。任何帮助将不胜感激。JQuery灯箱下一个图像开关

 $('#portfolioGallery .pGallery').click(function(){  
     var firstImg = $(this).find('img').clone(); 
     var nextImg = $(this).next().find('img').clone(); 
     $('#lightbox').append(firstImg); 
     $('#next').click(function(){      
       $('#lightbox').find('img').remove(); 
       $('#lightbox').append(nextImg); 

     }) 

回答

0

它看起来像你的代码可能是工作,但你保持克隆然后选择图像的一个克隆,所以它似乎不工作呢,我不明白是什么克隆的目的是在这里

$('#portfolioGallery .pGallery').click(function(){  
    var firstImg = $(this).find('img'); 
    var nextImg = $(firstImg).next().find('img'); //try this 
    $('#lightbox').append(firstImg); 
    $('#next').click(function(){      
      $('#lightbox').find('img').remove(); 
      $('#lightbox').append(nextImg); 
    }) 
+0

我用克隆从图像中抓取图像,但没有完全删除它。有没有比克隆更好的方法?此外,我有过滤器来隐藏某些图像的基础上点击按钮。我试图抓住下一个可见的图像加载到灯箱。编辑 – mat335

+0

,你可以试试 –

+0

还是没有运气。没有使用clone()的问题,给我一个空的div,我的图像曾经是。尽管你确实帮我缩短了我的代码。感谢那。 – mat335