超级:playToggle

时间:2012-07-18 12:38:07

标签: jquery supersized

我正在使用Supersized背景幻灯片:

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>

点击“测试”的位置。我可以打开模态框并暂停幻灯片放映。但是,当我关闭模式框时,我无法重新开始幻灯片放映。

1 个答案:

答案 0 :(得分:1)

您的plugin usage为真,但您的jQuery document ready方法错误。

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

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