燈箱點擊外部圖像關閉

Question

我問作者這個，但他說我想通過Github添加我想要的貢獻，我不知道該怎麼做，因爲我不熟悉JavaScript。希望你們都能幫忙。 :)

這裏的鏈接到插件：http://brutaldesign.github.io/swipebox/

基本上，我怎麼可能讓點擊圖像外的任何地方燈箱密切？像大多數燈箱的功能一樣？

這張燈箱完全符合我的要求：http://fancyapps.com/fancybox/ 我不使用該燈箱，因爲它沒有我需要的輕掃功能。

我知道它有什麼東西在事先用下面的函數做

.click 

謝謝！

Answer 1

嘗試添加下面的腳本到您的網頁

<script> 
    $(function(){ 
     $(document.body) 
      .on('click touchend','#swipebox-slider .current img', function(e){ 
       return false; 
      }) 
      .on('click touchend','#swipebox-slider .current', function(e){ 
       $('#swipebox-close').trigger('click'); 
      }); 
    }); 
</script>