使用Colorbox（JQuery lightbox插件），如何點擊圖片關閉燈箱？

Question

$('a.post_ext_img').colorbox({ 
      photo: true, 
      transition: 'none' 
     }); 

我使用這個插件：http://jacklmoore.com/colorbox/

有沒有辦法讓它這樣，當用戶點擊圖片，它關閉了嗎？

Answer 1

我不認爲插件提供了一個選項。所以，你可以訂閱到圖像的點擊事件，並手動觸發close方法：

$('a.post_ext_img').colorbox({ 
    transition: 'none', 
    photo: true, 
    onComplete: function(result) { 
     $('.cboxPhoto').click(function() { 
      $(this).unbind('click'); 
      $.colorbox.close();  
     }); 
    } 
}); 

而且這裏有一個live demo。