jQuery的週期插件事件

Question

我有這樣的jQuery代碼（在頁面加載時，其自動啓動）

$('#slideshow').cycle({ 
     fx:  'scrollLeft', 
     timeout: 10, 
     speed: 10, 
     autostop: 3 
    }); 

我想要的幻燈片開始，而只需點擊周圍的容器我的想法是在：

$('#main-area').bind('click', function() { 
    $('#slideshow').cycle({ 
     fx:  'scrollLeft', 
     timeout: 10, 
     speed: 10, 
     autostop: 3 
    }); 
}); 

然而，這不起作用..而如果我改變'＃main-area'文件它的作品，但所有的圖像垂直加載到瀏覽器，直到我點擊文檔...我應該重寫樣式：顯示：沒有;或者這可以用一種不同的方法很容易地修復？

的HTML：

<div id="main-area"> 
     <div id="slideshow" class="pics"> 
      <img src="media/images/stuff.jpg" /> 
      <img src="media/images/morestuff.jpg" /> 
      <img src="media/images/stuffff.jpg" /> 
     </div> 
    </div> 

Answer 1

在有.pause()方法，嘗試在啓動插件，並在頁面加載暫停它，那麼當$("#main-area")或$(document)點擊事件，在這裏使用的.resume()方法，例如插頭：

http://jquery.malsup.com/cycle/pause.html

在線演示：http://jsfiddle.net/tpak3/2/