jQuery自定義快門

我有一個網絡攝像頭識別網站。在this tutorial有一個很好的快門效果。我有一個簡單的按鈕和一個<div>。我想要點擊按鈕然後div被關閉。我嘗試了很多次，但是我做不到。有人可以幫助我嗎？jQuery自定義快門

我的部門風格。

<div id="CustomWebCam" class="CustomWebCam">

.CustomWebCam{ 
      padding: 1px 1px 1px 1px; 
      background-color: #f6c0c0; 
      height: 96%; 
      width: 900px; 
      display: inline-block; 
      margin: 1% 1% 1% 1%; 

}

來源

2013-12-20 Kenan Bayraktar

只是鏈接庫和CSS：

<link href="your-path/jquery.shutter.css" type="text/css" rel="stylesheet"> 
<script src="your-path/jquery.shutter.js">

按鈕：

<button id="btn" onclick="onClick();"> Shutter </button>

的JS：

$(document).ready(function(){ 

    var container = $('#container'); 

    container.tzShutter({ 

     imgSrc: 'http://demo.tutorialzine.com/2011/03/photography-portfolio-shutter-effect/assets/jquery.shutter/shutter.png', 

     closeCallback: function(){ 

      /* AFTER CLOSE */ 

      // Scheduling a shutter open in 0.1 seconds (time that keep closed) 
      setTimeout(function(){container.trigger('shutterOpen')},100); 
     }, 
    }); 
}); 


function onClick(){ 
    $("#container").trigger('shutterClose'); 
};

Working example。

來源

2013-12-20 12:28:21 kelvinss

jQuery自定義快門

回答

相關問題