使用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。