2012-09-14 103 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