超大：playToggle

Question

我正在使用超大背景幻灯片：

http://buildinternet.com/project/supersized/

使用以下代码在加载模式框时暂停幻灯片放映。

jQuery的

<script type="text/javascript">
$(function($) {
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});

</script>

的HTML

<div id="btnContainer">
<a id="slideInfo" href="#">More Info</a>
</div>

我可以暂停幻灯片放映。 但是，当我关闭模式框时，幻灯片放映将不再播放（它保持暂停状态）。

有没有办法做到这一点？

谢谢！

编辑：

这是测试站点：

http://clientes.ktulumedia.com/peppophotography.com

和相关代码：

 <script type="text/javascript">
 $(function($) {
 $('#slideInfoplay').click(function() {
 api.playToggle();
 });
 });


 $(function($) {
 $('#sb-nav-close').click(function() {
 api.playToggle();
 });
 });

 </script>

单击显示“测试”的位置。 我可以打开模式框并暂停幻灯片放映。 但是，当我关闭模式框时，无法重新启动幻灯片。

Answer 1

您的插件用法是正确的，但是jQuery文档ready方法错误。

$(function() {//you shouldnt use '$' inside function()
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});

要么

$(document).ready(function() {
 $('#slideInfo').click(function() {
    api.playToggle();
  });
});